icon_torita-gj.png

人物紹介:羽村鳥太

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

icon_neko-1.png

人物紹介:猫先生

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

icon_tugumi-gj.png

人物紹介:羽雲つぐみ

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

 

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

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

これで君もFeather cloud画像マスター!の巻

 

icon_neko-2.pngおはよう……鳥太、つぐみ。
吾輩の夏は……終わったニャ……

 

icon_torita-5.pngおはよッス、猫先生……。
そ、そんなに気落ちしないでくださいッス~。。

 

icon_tugumi-4.pngそうよ、猫先生。
面白かったわ、「NKF(N:ニャンニャン・K:怪談・F:フェス)2017盆の陣」。
あ、このフェスについて知らない人は、第七回を参照してね。

 

icon_neko-3.pngああ、あのイベントは今年も大盛況に終わったニャ……。
だが、吾輩のネタはいまひとつの結果だったニャ……

 

icon_torita-1.pngオレは猫先生のも面白かったんッスけど、審査にゃんこの点数はイマイチでしたね。

 

icon_tugumi-2.pngちょっと設定盛りすぎよ。
「魔界から蘇りし金猫」と「月の加護を受けた銀猫」の対決とか、後半バトル展開になってたし。
ズギャッとかバキィッとか言わないわよ、怪談って。

 

icon_neko-2.pngつぐみの除霊体験談が、思いのほかバトル展開だったからニャ……。。
参考にしたら、つい楽しくなってしまったニャ。

 

icon_torita-gj.png一部のにゃんこには、大ウケだったッスよ!
審査員特別賞も貰ったじゃないッスか!

 

icon_neko-4.pngそうだニャ……ある意味、固定ファンはついたといえるかニャ。。
よし、この路線を確立しつつ、来年はもっと上のタイトルを獲りにいくニャ!!

 

icon_tugumi-gj.pngファイト、猫先生♪
映画化オファーがきたら、私にもインセンティブくださいね♪

 

icon_torita-2.pngあっ、オレもこっそり銀幕デビューさせてほしいッス!!

 

icon_neko-5.png二人とも気が早すぎニャ!
まずは、今日のレクチャー「画像の変更~最終章☆背景画像を変更する」をマスターするニャ!!

img_fcblog_11-1.jpg

 

icon_neko-1.pngということで、今日はこのテンプレートの、ここの画像を変えてみるニャ。

 

icon_tugumi-1.pngいつものテンプレートじゃないのね? どうして?

 

icon_neko-1.pngいつものテンプレートには、「背景画像」が設定されていないんだニャ。
そのため、このテンプレートで行うニャ。

 

icon_torita-1.png使ってるテンプレートにないんなら、教わらなくても良くないッスか?

 

icon_neko-4.pngふ、甘いニャ鳥太。
今回の画像変更を学べば、Feather cloudでページに入っている画像はすべて編集することが可能になるニャ。
つまり、鳥太もFeather cloudの画像マスターになれるんだニャ!!

 

icon_torita-3.pngうおお、マスター……!
いい響きッスね!!

 

icon_tugumi-3.pngずっと同じテンプレートだけ使うとも限らないし、知識があるのはいいことよね♪

 

icon_neko-5.pngうむ!!
では、まずブロックエディタを開いてみるニャ!

img_fcblog_11-2.jpg

 

icon_torita-3.png画像っぽいのは、入ってなさそうッスね。

 

icon_tugumi-2.pngうん、第八回や第十回では画像やSHiFTパーツがブロックの中にあったけど、今回はどこにもないわね。。

 

icon_neko-3.pngそうなんだニャ。では、第3の選択肢にゃ。
鳥太、右上の四角を分割したようなアイコンを押して、「ページデザイン」タブを開くニャ!

 

icon_torita-1.pngえ?? え、ええっと……これッスか?
ぽ、ぽちっと~。

img_fcblog_11-3.jpg

 

icon_tugumi-2.pngうーん。ここ、「背景色」と「背景画像」の設定ができるのかな?
「ヘッダ」「ビルボード」「メイン」「フッタ」って、第六回で出てきた、ブロックのエリアの名前よね。

 

icon_neko-3.pngうむ、さすがだニャつぐみ。初登場回なのにしっかり覚えているとはニャ。

 

icon_torita-1.pngすごいッスね! オレはマッチョになってくる修行編しか覚えてなかったッス!!

 

icon_neko-5.png小ネタのほうだけ覚えてどうするニャ!! まったく……さっさと次に行くぞ。
そこの「ビルボード」にチェックが入っているだろう。
チェックの隣の、ブルダウンを押すニャ。

img_fcblog_11-4.jpg

 

icon_torita-3.pngうお、動画指定されてるッスよ!! かっこいい!

 

icon_neko-2.pngうむ。初期設定はかっこいい動画ニャ。
しかし、今回は「画像の変え方」なので、画像ファイルを入れるニャ。
ということで「画像ファイルを選択」を押すニャ、鳥太。

 

icon_torita-2.pngはーい。ぽちっと~。

img_fcblog_11-5.jpg

 

icon_torita-gj.pngあっ、かき氷とうな丼の画面ッス!!
ってことは、ここに画像を追加すればいいんッスね!

 

icon_tugumi-gj.pngこの「画像の選択」画面は、だいぶおなじみになってきたわね!

 

icon_neko-3.pngああ、二度あることは三度あるニャ。今回も、好きな画像をドラッグ&ドロップで入れるニャ。

 

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

 

icon_torita-2.pngはい! じゃあ、今日はコレにするッス!!
えいやーー! でもって、「選択」ボタンをぽちっとー!!

img_fcblog_11-6.png

 

icon_torita-1.pngんん……?? どこか変わったッスかね?

 

icon_tugumi-4.png……ええと、ここかな?
小さいけど微妙に、さっき選んでた画像っぽい色がついたわ。

 

icon_neko-4.pngうむ、ご名答ニャつぐみ。
しかし、今回はこのままだと間違い探し脳トレ級の地味さだニャ。
右下の「適応」を押すニャ、鳥太。

 

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

img_fcblog_11-7.jpg

 

icon_neko-5.pngなっ……!
これは……いつ撮ったニャ……!?

 

icon_tugumi-3.pngわあ、かわいい~♪
いい感じの激写ね、鳥太くん!

 

icon_torita-2.pngオレ、宣伝用のプロフィール写真は得意なんッス! 広報部ですから!
あっ、けっこう写真たまってきたんで、猫先生の写真集もいつでも出せるッスよ!!

 

icon_neko-3.pngま……まさか鳥太……、ホームページ担当は仮の姿で、真の目的は吾輩の写真担当だったのかニャ……!?
い、いや、そんなことより、無事に画像を変えることができたニャ。プレビューを押してみるニャ……

 

icon_torita-3.pngはい!
えいやー!!

img_fcblog_11-8.jpg

 

icon_torita-gj.pngかわいいッスね!
猫先生の寝顔!!

 

icon_neko-3.pngくっ……なんだかものすごく恥ずかしいニャ……!!

 

icon_tugumi-gj.png照れない照れない♪
かわいいですよ~!

 

icon_neko-5.pngああもう今日はここまでニャ!!
今回の画像変更は特殊だから頻繁に使うことはないが、いざという時にとっても役に立つニャ! 覚えておくがいい!!
よし、定時の鐘だ! さらばだニャ!!

 

icon_tugumi-2.pngあっ……窓から出て行っちゃった。
ちょっとからかいすぎたかな?

 

icon_torita-1.pngうーん。来週は何やるか言っていかなかったですしね……。
明日、マグロの刺身持って、謝罪してくるッス。

 

icon_tugumi-2.pngうーん。。
お客さま相手ならともかく、猫先生に「謝罪してくる」のは、ちょっと間違いかな、鳥太君。

次回「メニューを編集してみよう!!」お楽しみに!