icon_torita-gj.png

人物紹介:羽村鳥太

鳥巣株式会社の新入社員。
パソコンに詳しくないホームページ担当。

icon_neko-1.png

人物紹介:猫先生

特別顧問のしゃべる猫。
パソコンやホームページに詳しい。

icon_tugumi-gj.png

人物紹介:羽雲つぐみ

鳥太の部署の先輩。
特技はたとえ話と除霊。

 

【第10回】画像を変えてみよう(その2)!つかってみようFeather cloud

ホームページ作成は知識がないと難しい、そう思っている方におすすめのBIGLOBEホームページサービス『Feather cloud』。きれいなホームページを、かんたんな操作で作ることができます。
この第十回では、『Feather cloud』でホームページのスライド画像を実際に変更してみます。

かき氷と祭りとSHiFTパーツリターンズ!の巻

 

icon_torita-gj.pngおはよッス、猫先生、つぐみ先輩!

 

icon_tugumi-gj.pngおはよう、猫先生、鳥太くん!
今回もがんばっていくわよー!

 

icon_neko-1.pngおはよう、鳥太、つぐみ。
二人とも、ずいぶん元気だニャ?

 

icon_tugumi-3.pngこんど、裏山の神社で夏祭りがあるんですよ♪
会社の掲示板にポスターが貼られてたんです!

 

icon_torita-2.pngそうなんッスよ!
タコ焼き、カルビ串、かき氷……! 楽しみッス!!

 

icon_neko-2.png……なるほど、祭りは確かに面白いものニャ。
吾輩は少し苦い思い出があるが……まあいい、今日のレクチャーにいくとするニャ。

 

icon_tugumi-2.pngふーん……?(ちょっと気になるけど、詮索するのもなあ)
今日のレクチャーは、先週のつづき「SHiFTパーツ」よね。

 

icon_neko-1.pngああ。今回は「SHiFTを開く」で編集画面を開いた続きから始めるニャ。
開き方は、前回の3枚目の画像までを参考にしてくれニャ。

 

icon_torita-gj.pngその続きも読んで、「ブロックの複製」をしておくと、さらに安心ッスよ!

img_fcblog_9-3.png

 

icon_neko-1.pngということで、ここの画像を実際に変えていくニャ。

 

icon_tugumi-1.pngうんうん、今までと違う画面で、どうしていいかわからなかったのよね。

 

icon_torita-5.pngどこ押せばいいのかなって、不安になったッス。。

 

icon_neko-1.pngうむ。では説明していくニャ。
まず、画面の左部分に注目するニャ。

img_fcblog_10-1.png

 

icon_torita-1.pngえっと……、文字が多いから、じっくり見るッスね。
あ、画像を入れ替えるのはここなんッスね。

 

icon_neko-1.pngうむ。さっそく画像を一枚入れ替えてみるニャ、鳥太。
一番上の画像をクリックして、右画面の「画像編集」をクリックするニャ。

 

icon_torita-3.pngはーい! 画像を押して……、ぽちっとー!

img_fcblog_10-2.png

 

icon_tugumi-2.png……?
また、見たことない画面が出ちゃったわね?

 

icon_torita-1.pngうっ……。。なんか、画像をどうにかするアプリっぽいッスね……。
オレ、こういうの苦手なんッス。。前回「ブロックの複製」しておいて良かった……!

 

icon_neko-3.png臆するな、鳥太。使い方がわかれば簡単ニャ。
まずは、中央の画像をダブルクリックしてみるニャ。

 

icon_torita-5.pngは……はい。。ぽちぽちっと~……

img_fcblog_10-3.png

 

icon_torita-1.pngうーん、ほとんど変わらない……ッスね。

 

icon_tugumi-1.pngあっ、左のTとかがなくなってるわよ。
左上に「画像選択」っていうのも出たわ。

 

icon_neko-1.pngうむ。いい着眼点ニャ。
では、左上の「画像選択」にある、画像っぽいアイコンをクリックしてみるニャ。

img_fcblog_10-4.png

 

icon_torita-3.pngあっ、第八回でうな丼入れた時の画面ッス!!
ってことは、ここから画像を選べばいいんッスね??

 

icon_neko-3.pngああ、その通りだニャ鳥太。
今回も、好きな画像をドラッグ&ドロップで入れてみるニャ。

 

icon_tugumi-gj.pngこのフォルダに画像を入れるやり方は、第八回を参考にしてね♪

 

icon_torita-2.pngはーい!
じゃあ、コレにするッス!! よいしょー!

 

icon_neko-2.png相変わらず無駄に威勢のいい掛け声だニャ。
では、入れた画像を押してから、右下の「選択」をクリックニャ!

 

icon_torita-3.pngはい!
ぽちっとー!

img_fcblog_10-5.png

 

icon_torita-gj.pngおー! 画像が変わったッスね!!

 

icon_tugumi-4.png変わったのはいいんだけど、これ、サイズあってるのかな?

 

icon_torita-1.pngえ?? サイズ?

 

icon_tugumi-4.pngうん。 最初の画像のときは、左右に白いのはなかったわよ?

 

icon_neko-4.pngふむ、鋭いニャつぐみ。……では、余白を駆逐するぞ鳥太。
中央上部の「フィット」の左右の矢印ボタンをクリックしてみるニャ。

 

icon_torita-3.pngん? これッスか? ぽちっとー。

img_fcblog_10-6.png

 

icon_tugumi-3.pngいい感じに拡大されて、余白がなくなったわね!

 

icon_neko-1.pngうむ。いい感じにリサイズしてくれる優れものニャ。
これでOKなら、左上の青いボタン「完了」を押して、さらにその先で緑の「完了」を押すニャ。

 

icon_torita-3.pngはい! ぽちぽちっと~!

img_fcblog_10-7.png

 

icon_neko-1.pngよし。SHiFTにも無事に反映されたニャ。
では、「保存」を押して……

 

icon_tugumi-gj.pngこの画面に来たら、なにはともあれ、緑の「適用」ボタンよね♪

 

icon_neko-3.pngうむ。変更したら、緑の適用ボタンニャ。
「適用を押さずに閉じる、ダメ!ゼッタイ!!」とセットで、Feather cloudの標語にしてもいいくらいだニャ。

 

icon_torita-gj.pngじゃあ、「適用」かーらーの「閉じる」いくッスね!
ぽちっとー!!

 

icon_neko-5.pngしかし、今回の「スライド」は、回らないと画像が反映されたかよくわからないニャ!
右上の「プレビュー」をクリックするニャ!!

 

icon_torita-3.pngはい!
よいしょー!!

img_fcblog_10-8.png

 

icon_tugumi-3.png回ってるわね! かき氷!!

 

icon_torita-2.pngうーん、納涼ッスね!!

 

icon_neko-2.pngうむ。
この調子でSHiFTの画像を入れ替えることで、自分だけのスライドを完成させることができるニャ。

 

icon_tugumi-3.pngじゃあ、次はわたしの金魚すくいの画像を入れてみてもいい?

 

icon_neko-3.pngうむ。では、つぐみに続いて吾輩もひとつ入れてみるニャ。

 

icon_torita-1.png……って、猫先生。
それ、エグくないっすか……

 

icon_tugumi-2.pngうん……。
金魚のあとに刺身は……どうかなぁ……。。

 

icon_neko-1.pngな、何を言うニャ!?
猫ヴィジョンでは、これらはほぼ同意義ニャ!!

 

icon_torita-5.png……弱肉強食ッスね……。
今年の夏祭りはみんなで行けたらって思ってたんッスけど、猫先生は誘わない方がいいッスね。。

 

icon_tugumi-4.pngうん、金魚すくいをディナーにされちゃうのはね…。。
広報部のみんなで行きましょ。

 

icon_neko-5.pngま、待つニャ二人とも!
さっきのはちょっと小粋な猫ジョークニャ……!!

次回「画像変更章、ついに最終回!奥義☆ページレイアウトの設定!!」お楽しみに!