icon_torita-gj.png

人物紹介:羽村鳥太

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

icon_neko-1.png

人物紹介:猫先生

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

icon_tugumi-gj.png

人物紹介:羽雲つぐみ

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

 

【第9回】編集の前に、ブロックを複製しよう!つかってみようFeather cloud

ホームページ作成は知識がないと難しい、そう思っている方におすすめのBIGLOBEホームページサービス『Feather cloud』。きれいなホームページを、かんたんな操作で作ることができます。
この第九回では、『Feather cloud』で難しそうな編集をする前に、「ブロックの複製」を行う手順をご紹介します。

SHiFTパーツ…の前に、容疑者Tとブロック複製と忍びの巻

 

icon_torita-1.pngおはよッス……。
はぁ、今日もあっついッスね~……。。

 

icon_neko-2.pngああ、おはよう鳥太……。
夏だから仕方ないとはいえ、まったくもって暑いニャ……。。

 

icon_tugumi-gj.pngおはよう♪ 猫先生、鳥太くん!
さ、今日もバリバリ教わるわよ~!

 

icon_neko-1.pngげ、元気だニャつぐみ……。。
この灼熱地獄において、なぜそんなに爽やかでいられるニャ……!?

 

icon_tugumi-3.pngこの部屋、人口密度が低いから、他のフロアよりもちょっと涼しいんですよ!
なんだか得した気分だなって♪

 

icon_torita-2.pngポジティブッスね、つぐみ先輩!
なんか、ほんのりミントアイスみたいな香りもする気がするッス!

 

icon_tugumi-1.pngあ、ミントスプレーかな?
ひんやりするから少ーしだけつけてたんだけど、わかっちゃうかあ……
猫先生、ミント大丈夫……?

 

icon_neko-1.pngああ。吾輩はミントは嫌いじゃニャい。
もし控えめにしてくれていたのなら、もっと付けても問題ないニャ。

 

icon_tugumi-3.pngそう、よかった~。嫌いなにゃんこもいるって聞いて、ちょっと気にしてたの。
じゃあ、ひんやりおすそ分けしますね♪

 

icon_neko-2.pngにゃ~~……心地よい清涼感ニャ……
アロマの力か、なかなかやるニャ……。

 

icon_torita-2.pngうーん、ひんやりして気持ちいいッスね!
あっ、コレ、風が当たるとさらにひんやりッス!!

 

icon_tugumi-gj.pngふふ、リラックスできたみたいでなによりです♪
じゃ、今日のレクチャーいきましょう!

 

icon_torita-gj.pngですね!
ひんやりして頭もシャキッとしたし、今日もよろしくッス!猫先生!!

 

icon_neko-3.pngうにゃ~……ひんやりが心地よくて眠くなってきたニャ……。

 

icon_tugumi-4.png猫先生! リラックスしすぎー!

 

icon_neko-1.pngうにゃ……す、すまんニャ。羽を伸ばすならぬ、尻尾を伸ばしすぎたニャ。。
よし、気を取り直して今日のレクチャーをするぞ。

img_fcblog_9-1.jpg

 

icon_neko-1.png今日は、前回説明した「三種類の画像」のうちの二つ目について説明するニャ。
まず、今日画像を変えてみるのはここニャ。

 

icon_tugumi-2.pngここ?
いろんな画像が横にスライドしてるわね。

 

icon_torita-1.pngなんか、動いてるやつって、大変そうなカンジがするッス。。

 

icon_neko-1.png案ずるな、鳥太。実際にやってみると、意外と簡単だニャ。
まずは、この画像のあるブロックエディタを開いてみるニャ。

 

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

 

icon_tugumi-gj.pngブロックエディタの開き方は、第六回で詳しく紹介してるから、わからないときは参考にしてね♪

img_fcblog_9-2.jpg

 

icon_tugumi-1.pngあ、前回なんだろう?って思ってた「SHiFTパーツ」があるのね。

 

icon_torita-1.pngこのパーツだけがどーんと置かれてるッスけど……。
コレ、どうすればいいんッスか?

 

icon_neko-1.pngうむ。まずはその「SHiFTパーツ」の画像部分をクリックしてみるニャ。

 

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

 

icon_tugumi-2.pngあっ、前回の画像のときと同じく、右側になにか出たわ。

 

icon_torita-1.png「スライドショー」と、クリックしたのと同じ画像と、「SHiFTを開く」ってボタンッスね。

 

icon_neko-3.pngああ。その「SHiFTを開く」をクリックするニャ、鳥太。

 

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

img_fcblog_9-3.jpg

 

icon_torita-1.pngうお、なんか今までとちょっと違う画面ッスね。

 

icon_tugumi-1.png左側に並んでる4つの画像って、さっきスライドしてたのと同じかも?

 

icon_neko-1.pngそうニャ、つぐみ。
この画面では、左側の画像を入れ替え・削除をはじめ、スライドショーの編集とやいろいろな設定ができるニャ。
今回は、この画像4つを、まるっと入れ替えて……。

 

icon_torita-5.png……あの、猫先生。

 

icon_neko-3.png
どうしたニャ、鳥太。そんな不安そうな顔をして。

 

icon_tugumi-2.pngうん、2時間ドラマの残り20分で、荒波が打ち寄せる崖のほうに逃げる容疑者みたいに不安そうな顔よ?

 

icon_torita-5.pngそれ、警官か探偵に追われてたら、絶対犯人じゃないッスか……
って、そうじゃないッス。。

 

icon_torita-1.pngこれって、画像を変えたあと「やっぱり前の状態に戻したい」ってなった時、めっちゃ大変だったりしませんか……?
オレ、やらかしたあと元に戻すの、すごく苦手なんで……

 

icon_neko-2.png……うむ、たまにはいいことも言うものだニャ、鳥太。

 

icon_tugumi-3.pngうんうん、覆水盆に返らず、払った悪霊は現世に還らず……だものね。。
たまにはいい指摘もするのね、鳥太くん。

 

icon_torita-1.pngえ?? な、なんで優しげな目してるッスか?
しかも、つぐみ先輩の格言の二つ目って聞いたコトないッスよ?

 

icon_neko-5.pngええい、この感動に水をさすニャ……!
では、今回はいったんSHiFTパーツを閉じて、ブロックの複製を伝授するニャ!!
これを行っておけば、あやまちを犯してもやり直すことができるニャ……!!

 

icon_tugumi-1.pngよかったわ……!
これで鳥太くんが道をあやまっても更生できるのね……!

 

icon_torita-3.pngちょっ、待ってくださいッス!
オレ容疑者じゃないッスよー!!

 

icon_neko-5.pngうっうっ……よかったニャ鳥太……。
では、SHiFTパーツを閉じて、ブロックの左上のメニューに注目してみるニャ!

img_fcblog_9-4.jpg

 

icon_tugumi-gj.pngあ、前にわたしが「編集以外にもいろんなパーツがある」って言ったところね?

 

icon_neko-4.pngそうニャ、それだニャ。
さあ、ガンガン伏線を回収していくニャ!

 

icon_torita-1.png……それ、作中のキャラが言うことじゃなくないッスか……。。

img_fcblog_9-5.jpg

 

icon_tugumi-2.pngなるほどねー。上や下に移動したり、ブロックの非表示もできるのね。

 

icon_torita-3.png表示しないって、それじゃ作った意味なくないッスか?

 

icon_neko-1.pngいいや、これは使い方次第ではとても便利なものなんだニャ。
その理由はこれから明らかになるが……、まずは、その四角が二つ重なっている「ブロックの複製」をクリックするニャ。

 

icon_torita-2.pngはい!
この「一つ下に選択されたブロックを複製します」って出るやつッスね! よいしょー!

img_fcblog_9-6.jpg

 

icon_torita-3.pngお! 同じブロックが二つに増えたッスよ!!

 

icon_neko-1.pngうむ。中身もまったく同じものができたニャ。
いわば、忍法☆分身の術といったところニャ。

 

icon_tugumi-3.pngうんうん、どっちにも「SHiFTパーツ」が入ってるわね。

 

icon_torita-gj.pngこれで、片方を編集しててやらかしちゃっても、もう一個の分身がいるから、安心ってことッスね!

 

icon_neko-1.pngああ。分身さまさまだニャ。

 

icon_neko-2.pngしかし、うまい話には裏がある、便利なものには落とし穴もあるニャ。
鳥太、右上の「プレビュー」という部分をクリックしてみるニャ。

 

icon_torita-3.png落とし穴……? はい!
よいしょー!!

img_fcblog_9-7.jpg

 

icon_tugumi-2.png……ん? スライドが二つになってるわね?

 

icon_torita-1.png同じのが二つぐるぐる回ってて、なんか目が回るッスね。

 

icon_neko-2.pngうむ。
どちらも「表示する」設定になっているから、二つとも出ているわけだニャ。

 

icon_torita-5.pngうーん…… この状態だと、ちょっと見づらいッスね……。。

 

icon_tugumi-4.png鳥巣株式会社を検索して見に来た人がいたら、やばいなあと思って逃げちゃいそうね……。。
あっ、もしかして、ここで「非表示」を使うの?

 

icon_neko-4.pngご名答ニャ、つぐみ。
鳥太、さっき押した四角が重なっているボタンの右隣にある、目のようなボタンを押すニャ。

 

icon_torita-1.pngはい!
あ、「ブロックの表示・非表示を切り替えます」って出ますね。よいしょー。

img_fcblog_9-8.jpg

 

icon_tugumi-1.pngあ、ブロックの上に目のマークが表示されるようになったわ!

 

icon_neko-1.pngよしよし。その目のマークは「いまここは非表示にしています」の目印を表してるニャ。
では、もういちど「プレビュー」を押してみるニャ、鳥太。

 

icon_torita-2.pngおっ、了解ッス! ぽちっと~。

img_fcblog_9-9.jpg

 

icon_torita-3.pngおおお! プレビューでひとつしか回らなくなったッスね!

 

icon_tugumi-gj.pngうんうん、これで違和感もないわね!

 

icon_torita-2.pngでも、サイト編集画面にはちゃんとブロックがあるんッスよね~。
便利だけど、なんか不思議ッス。

 

icon_neko-1.pngうむ。
実際のページでは見えないが、ブロック自体は残っている。
姿は見えないが編集のときに助かる……、いわば、気配を消した忍ニャ。

 

icon_torita-gj.png忍法☆隠れ身の術ッスね!!
かっこいいッス!

 

icon_tugumi-2.pngでも、そのブロックを使いたくなったときも、気配を消したままじゃ困っちゃうわよ?
非表示にしたブロックを、もういちど表示させたくなった場合はどうするの?

 

icon_neko-3.png表示に戻すのもかんたんニャ。
鳥太、非表示にしているブロックのメニューから、目のようなボタンをもう一度押してみるニャ。

 

icon_torita-1.pngあっ、はい! ぽちっと~。

img_fcblog_9-10.jpg

 

icon_tugumi-1.pngさっきまでブロックにかかってた、目のマークがとれたわね。

 

icon_torita-gj.png隠れ身の術、解除ッスね!
「プレビュー」でも、見えるようになったッスよ~。また二つ回ってて見づらいッス!

 

icon_neko-2.pngうむ。いつの間にか「プレビュー」も覚えたようだな、鳥太。
だが、その詳しい説明はまた別の機会にするニャ。

 

icon_neko-1.png急きょレクチャー内容を変更したから、今日はここまでニャ!
次回こそは、画像を変更する☆第二段をレクチャーするニャ!!

 

icon_tugumi-gj.pngブロックの複製を覚えたから、難しそうな編集も、これで安心ね!
で、複製したブロックを隠したいときは、「非表示」で隠れ身の術ね♪

 

icon_torita-gj.pngそうッスね、これで不安にならなくて済むッス!
次回はガンガンいくッスよ!!

・鳥太やつぐみといっしょに、分身の術や隠れ身の術を試してみる!
『Feather cloud』無料お試しはこちら!
『Feather cloud』ログインはこちら!
『Feather cloud』をこれからはじめる人でもかんたんに編集できる、おすすめのテンプレートはこちら!

おさらいと次回予告

「ブロックの複製」「ブロックの表示・非表示」を学んだ鳥太とつぐみ。 次回は『Feather cloud』で、違う種類の画像を変更してみます。