icon_torita-gj.png

人物紹介:羽村鳥太

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

icon_neko-1.png

人物紹介:猫先生

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

icon_tugumi-gj.png

人物紹介:羽雲つぐみ

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

 

【第8回】画像を変えてみよう!つかってみようFeather cloud

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

画像は見た目が10割、って当たり前だニャ!の巻

 

icon_tugumi-2.pngはあ……。おはよう~、猫先生、鳥太くん……。
今日も雨ねー。ゆううつ……

 

icon_torita-gj.pngおはよッス、つぐみ先輩!
いつもほんわかしてる先輩が、アンニュイなの珍しいっすね。

 

icon_neko-1.pngうむ……。大丈夫か、つぐみ?
前回助けて貰った恩もある、吾輩が力にニャるぞ。

 

icon_tugumi-3.pngふふっ、鶴じゃなくて猫の恩返し? なんかかわいい♪
ありがとう、猫先生。元気出たわ!
湿気で髪がモフモフしちゃうのがイヤだったんだけど、季節だからしょうがないわよね♪

 

icon_neko-3.png!! つぐみの気持ち、吾輩も分かるニャ……!
いくら毛づくろいをしても、数時間でボッフボフになるニャ……。
実は第六回のうなぎ声……、もとい、うなり声もその不快感から来たものだったニャ。。

 

icon_torita-1.pngあっ、あの「うな~~~」は、悪霊じゃなくてそういうことだったんッスね……。

 

icon_tugumi-4.png鳥太くんはそういう悩み、なさそうでいいわね。

 

icon_neko-2.png鳥頭だしニャ……悩む前に忘れそうで、羨ましいニャ。

 

icon_torita-1.pngつぐみ先輩も猫先生も、ひどいッスよ! オレだって悩みありますよ!
コンビニの新スイーツ、姉ちゃんがポイント集めてるやつ(30ポイントでお皿プレゼント)にするか、オレの食べたいやつにするか、とか!!

 

icon_tugumi-2.png……。平和ね……。

 

icon_neko-2.png……鳥太の分と姉君の分、二つ買っていくという選択肢はないのかニャ。。

 

icon_torita-3.png……!!! そっか! その手があったッスね!!
ひとつだけ買って帰ると「あんただけ食べてんじゃないわよ!」って怒ったりするんで、それも回避できるッス!!

 

icon_tugumi-2.pngうん、ある意味お姉さんのクレームは妥当かな……。
わたしも、実家で弟が自分だけスイーツ食べてたら、はっ倒すもの。
一緒に食べるか、姉に貢ぐかしてくれないとね。

 

icon_neko-3.png……鳥太の姉君もつぐみも、なかなかバイオレンスな姉だニャ。

 

icon_tugumi-gj.pngふふ、仲がいい証拠ですよ♪
じゃ、なぜか鳥太くんの悩みが解決したし、今日のレクチャーいきましょう!

 

icon_torita-gj.pngですね! お願いするッス、猫先生!!

 

icon_neko-1.pngうむ。
では、今日はページの画像を変えてみるニャ。

img_fcblog_8-1.jpg

 

icon_neko-1.pngさて、『Feather cloud』で画像を変更するには、実はやり方が三種類ある。
まずは、その違いと、見分け方を説明するニャ。

 

icon_torita-1.pngえっ、三種類もあるんッスか??

 

icon_tugumi-1.pngそういえば画像って、画面いっぱいになってたり、真ん中にあったり、文章のとなりにあったり、いろんな見え方してるかも?

 

icon_neko-1.pngまさにそれだニャ、つぐみ。
大きさや配置の仕方によって、三種類の扱い方があるんだニャ。
ざっくり説明すると、下記のようになるニャ。

img_fcblog_8-2.jpg

 

icon_tugumi-2.pngふーん……? SHiFTぱーつ……?

 

icon_torita-1.pngうーん……。。設定を確認……

 

icon_neko-2.pngふたりとも、わかりやすい反応だニャ……。
いや、この説明だけだと内容が伝わらないことは、吾輩も学んだニャ。

 

icon_neko-1.png百聞は一見に如かず、ニャ。今回はその1を実際に変えてみるから、一旦ほかの2つは忘れていいニャ。
まずは『Feather cloud』の画面に目を戻して、「ここの画像を変えるニャ」のブロックを開いてみるニャ、鳥太。

 

icon_torita-1.pngあっ、ハイ! マウスマウス……。

 

icon_torita-gj.pngぽちっと……開いたッス!!

img_fcblog_8-3.jpg

 

icon_tugumi-1.pngうんうん、ページでも見えてた画像があるわね。

 

icon_torita-1.pngこれを、どうすればいいんッスか?

 

icon_neko-1.pngうむ、そこの画像のサムネイルを一回クリックしてみるニャ。

img_fcblog_8-4.jpg

 

icon_torita-3.pngあっ、なんか右側が変わったッス!

 

icon_tugumi-2.png「画像変更」ってあるから、それを押せばいいのかしら?

 

icon_neko-1.pngそうニャ。「画像変更」を押してみるニャ。

img_fcblog_8-5.jpg

 

icon_torita-3.pngお、なんか開いたッスね。

 

icon_tugumi-1.pngなんとなく、パソコンの画像フォルダっぽい?

 

icon_torita-1.pngでも、何も入ってなさそうに見えるッスよ。

 

icon_neko-1.pngうむ。じゃあ、好きな画像をひとつマウスで選択して、ここにドラッグしてみるにゃ、鳥太。

 

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

img_fcblog_8-6.jpg

 

icon_neko-3.pngカーソルの横移動だけとは思えない、威勢のいい掛け声だニャ。

 

icon_tugumi-3.pngあっ、フォルダに画像が追加されたわ!

img_fcblog_8-7.jpg

 

icon_neko-1.pngよしよし。では、その画像をクリックしてから、右下の「選択」をクリックするニャ。

 

icon_torita-2.png了解ッス!
画像をクリックして、「選択」をクリックして……閉じる! ぽちっと~♪

img_fcblog_8-8.jpg

 

icon_torita-3.pngおおお! 画像出たッス!!

 

icon_neko-4.pngよし!
だが、ここで気を抜いちゃダメだニャ!!

 

icon_tugumi-gj.png緑の「適応」ボタンを押してから、「閉じる」を押す、よね♪
なにかを変更したら緑のボタンを押す、覚えましたよ!

 

icon_neko-5.pngそうニャ! 「適応」を押さないと、ページの画像が変わってくれないニャ!!

 

icon_torita-1.pngはい! 緑の「適応」、で、「閉じる」……!
ぽちっと……!!

img_fcblog_8-9.jpg

 

icon_tugumi-3.png変わったわね! 画像!!
なんなのこの画像? って疑問はともかく!

 
icon_torita-gj.pngえっ?
分かりづらかったッスかね?? うな丼ッスよ!!
 

icon_neko-2.pngそれは見ればわかるニャ。
「なぜ、うな丼の画像を入れたのか?」……そこに対する「なんなの」だろう、つぐみ。

 

icon_tugumi-4.pngそうそう、それよ猫先生。
……まさか……鳥太くん、冒頭のうなぎ話にかけたの?

 

icon_torita-2.pngあっ、ハイ! そうッス!

 

icon_neko-3.pngつぐみ……今「ハイ」と聞こえた気がするんだが……。
吾輩の幻聴かニャ……?

 

icon_tugumi-2.pngううん、わたしも……聞こえたわ……
あの鳥頭の鳥太くんが……伏線回収だなんて……!!

 

icon_neko-5.pngあ、明日は豪雨ニャ! 台風情報をチェックニャ!!

 

icon_tugumi-4.pngき、今日~明日中に終わらせた方がいいお仕事、片付けてきますね!!
もうこんな時間……有給申請間に合うかな……!!

 
icon_torita-1.pngええ、何でそんなに驚くんッスか! ひどいッスよ~。
 

icon_neko-1.png豪雨対策で忙しいから、今日はここまでニャ!
次回は、画像を変更する☆第二段をレクチャーするニャ!!

 

icon_tugumi-gj.png次回もよろしくね~!

・鳥太やつぐみといっしょに「無料お試し」で画像を変更してみる!
『Feather cloud』無料お試しはこちら!
『Feather cloud』ログインはこちら!

『Feather cloud』をこれからはじめる人でもかんたんに編集できる、おすすめのテンプレートはこちら!

おさらいと次回予告

画像の種類と、画像の変え方(その1)を学んだ鳥太とつぐみ。 次回は『Feather cloud』で、違う種類の画像を変更してみます。