icon_torita-gj.png

人物紹介:羽村鳥太

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

icon_neko-1.png

人物紹介:猫先生

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

icon_tugumi-gj.png

人物紹介:羽雲つぐみ

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

 

【第12回】メニューを編集しよう!つかってみようFeather cloud

ホームページ作成は知識がないと難しい、そう思っている方におすすめのBIGLOBEホームページサービス『Feather cloud』。きれいなホームページを、かんたんな操作で作ることができます。
この第十二回では、実際に鳥巣株式会社のホームページを仕上げる第一歩として、メニューの編集をしてみます。

メニュー編集で!の巻

 

icon_torita-gj.pngおはようッス、猫先生、つぐみ先輩!
もう9月ッスね!

 

icon_tugumi-1.pngおはよう、鳥太君、猫先生。
ちょっと涼しくなってきたし、秋の気配がするわね♪

 

icon_neko-1.pngおはようニャ、鳥太、つぐみ。
そう……9月は秋の気配……そして、別れの気配もある季節ニャ。

 

icon_torita-1.pngえっ……ま、まさか……

 

icon_tugumi-2.pngそんな……。

 

icon_torita-3.png猫先生のおやつ休憩がマスコミにリークされて、不祥事の責任を取らされて辞職っすか……!?
オレ「一線は越えてません!」って言ってきますよ!

 

icon_tugumi-4.pngこの間のミントの件で「衝撃!アロマで惰眠をむさぼる特別顧問!」って週刊誌にすっぱ抜かれて懲戒免職なの……!?
業界関係者へ「あれは役柄上の演技です」って謝罪文をFAXしますよー!

 

icon_neko-5.pngどっちも違うニャ!!!

 

icon_neko-3.pngまったく……。。吾輩はお昼のワイドショー風に辞職などしないニャ。
おやつ休憩の「一線」ってなんなんだニャ。。

 

icon_torita-2.pngちょっと高めのカップアイスは食べてないッス!
心がほどけたりしてないッスよ!

 

icon_neko-2.pngそこが線引きなのかニャ……まあいい。

 

icon_neko-1.png今回からは、鳥巣株式会社のページを実際に仕上げていくニャ。
ページを完成させたら、この連載は終了になるニャ。

 

icon_torita-5.png………………えっ。
アホなことばっかり言ってたから、ついに打ち切りッスか……

 

icon_neko-1.pngそうではないニャ。
これまでのレクチャーで、ページの基本的な作成方法は伝授した。
実際にページを作っていく準備が整ったんだニャ。

 

icon_tugumi-3.pngそっか、よかった~。びっくりして、ちょっと悲観しちゃった。
エクソシストやめて、アイドル設定にすれば生き残れるかなって思っちゃったわ。

 

icon_neko-2.pngその残り方もどうなんだニャ……。。
キャラがブレると、ひな段でも扱いづらいニャ。

 

icon_neko-5.pngまあいい。完成に向けて、今回はメニューの編集を伝授するニャ!!

画面1ニャ

 

icon_tugumi-gj.pngうんうん、ここが変わると印象もだいぶ変わるわよね!

 

icon_neko-1.pngうむ。編集は、いつものブロックエディタから行うニャ。
ブロックエディタの開き方は、第7回を参考にして欲しいニャ。

画面2ニャ

 

icon_torita-1.pngえっと、完成に向けて編集なんッスよね……?
じゃあ、今回からは、好きなおべんとうの具とか入れちゃマズいッスよね。。

 

icon_neko-1.pngああ。しっかりしてきたな、鳥太。
では、現在の鳥巣株式会社のページを久しぶりに見てみるニャ。

現在の鳥巣株式会社ホームページの確認ニャ

 

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

 

icon_neko-3.pngうむ。「メニューアイテム」と書いてある下の「ABOUT US」をクリックするニャ。

メニューのブロックエディタニャ

 

icon_tugumi-2.pngあっ、右側にメニューが開いたわね!
ここを編集するのね?

 

icon_neko-3.pngああ。
その中の「テキスト」を書き換えるニャ、鳥太。

 

icon_torita-2.pngはーい。
そしたら「TOP」から入れるッスね~。

 

icon_neko-1.png待つニャ鳥太。
古いページの「TOP」は、「トップページへ戻る」ための部分だが、新しく作るページは、左側のロゴに同じ機能を持たせる。
だから、「会社のご紹介」からでいいニャ。

 

icon_torita-1.png……? そうなんっすか?
もちぷよがないからもちぽにょで、みたいなモンッスか?

 

icon_neko-2.pngその例はよくわからんが……まあそんな感じニャ。
この機能の編集は、後日「リンクの設定」でも行うから、今日は聞き流していいニャ。
ということで、1~4のテキストを、鳥巣株式会社のメニューと同じに変えていくニャ。

 

icon_torita-2.pngそうなんッスね! 了解ッス。
じゃあ、まず「会社のご紹介」……ぽちぽちっと……

 

icon_torita-gj.pngできたッス!

 

icon_tugumi-2.pngあれ? でも、「アクセス」が入ってないわよ?

 

icon_torita-1.pngあっ。ほんとッスね。
でもタブは4つだったんッスよね……

 

icon_neko-5.pngそんなときは、こうやって増やすニャ!

タブの増やし方(スマートモード)ニャ

 

icon_torita-3.pngおっ、増やせたから「アクセス」も無事に追加できたッスね。

 

icon_neko-2.pngうむ。これで鳥巣株式会社のメニューと同じ文言になったニャ。
さらに「オプション」のタブを押してみるニャ。

 

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

オプション押したッス!

 

icon_tugumi-1.pngロゴと、SNSボタンがあるわね。
SNSって、うちの会社、やってなかったわよね……?

 

icon_neko-3.pngああ。 鳥太、SNSのボタンの右側のSNSボタン(ON)をクリックするニャ。

 

icon_torita-1.png? はい。ぽちっとー。
あ、SNSボタン(ON)がSNSボタン(OFF)になったッス。

 

icon_neko-2.pngうむ。
SNSボタン(OFF)にすると「使用しない」にできるニャ。

 

icon_neko-1.pngそして、ロゴを鳥巣株式会社のものに替えるニャ。
ロゴ画像をクリックして、右メニューから「画像変更」をするニャ。

 

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

 

icon_tugumi-gj.png「画像変更」については、第8回で詳しく説明してるから、そっちも参考にしてね!

 

icon_torita-gj.pngとりのすロゴがこの画像、っと……。
できたッス!!

メニュー完成ッス!!

 

icon_neko-4.pngうむ!
ロゴが会社のものになると、ぐっと自社のホームページ感が増すニャ!!

 

icon_tugumi-3.pngうんうん、うちの会社のページ!って雰囲気が出て、嬉しくなるわね!

 

icon_torita-2.pngへへ、そんなに褒められると照れるッスね~。

 

icon_neko-2.png別に鳥太を褒めてるわけじゃニャいんだが……、まあ、よくやったニャ。

 

icon_torita-gj.pngあざっす!

 

icon_tugumi-2.pngでも、このスライドが気になるな……。
好きな画像を入れるのは楽しかったけど、うちの会社には、ここに入りそうな素敵な画像がないわよ?

 

icon_torita-2.pngあっ、猫先生の秘蔵写真をばばーんと載せたらどうっスか!

 

icon_neko-5.pngダメニャ!! 個人の趣味のページならばともかく、会社のページを吾輩が乗っ取ってはいけニャいだろう!
どこの愛猫家のホームページかと思われるニャ!!

 

icon_torita-1.pngうっ……そ、そうですよね。すみませんッス。。
せっかくかわいい写真がいっぱいあるんで、つい……。。

 

icon_tugumi-2.png鳥太君の気持ちもわかるけど、会社のページだものね。。
じゃあ、このスライドは使わないってことよね?

 

icon_neko-1.pngああ。非表示をクリックするニャ、鳥太。
誉め言葉だけ覚えておくニャ。

 

icon_torita-gj.png了解ッス! ぽちっと~♪
ブロックの非表示のくわしいやり方は、第9回を参考にして欲しいッスよ!

 

icon_neko-4.pngよし! 機は熟した!!
プレビューしてみるニャ! 鳥太!!

 

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

メニュー完成ッスよー!

 

icon_neko-2.pngよきかなニャ。
かなり完成に近づいてきたニャ。

 

icon_torita-1.pngうう、会社っぽいメニューがかっこよく入ると、オレのベストオブおべんとうがなんか浮くッスね。。

 

icon_tugumi-gj.png大丈夫よ、鳥太君。
そこも会社のホームページの内容にそって変えていくのよね、猫先生?

 

icon_neko-5.pngああ。次回はまさにそれを進めていくニャ。
テキスト・画像の編集をマスターしたいまの鳥太なら、難しい作業ではないニャ!!

 

icon_torita-gj.pngおおっ、マジッスか猫先生……!
オレ、がんばるッスね!!

次回「完成に向けてその2!ページ作成を進めていこう!!」お楽しみに!