3 - 1

アリーナちゃん！この間はあ

りがとう！あれからラーメン

のページも増えたよ。

ルドルフくん、あれから

ラーメンのホームページ

はどう？

Jimdo ではナビゲーションに階層を作ることができます。できるだけ整理し、

見やすくてわかりやすいナビゲーションを設定してみてください。

ナビゲーション、うまく使っていますか？

そこは、「おすすめ1」をクリックして、ページをずっとスクロール

して「エリアごとのレポート」を辿るとあるんだよ。

それで聞きたいことがあって、新宿のつけ麺屋さんはどこのページ

にのっているのかしら？全然探せないんだけど。

なるほど。ナビゲーションが、わかりにくくなっているわね。ここは、

本でいう「目次」の部分で、とても大事なの。一緒に直してみましょうか。

chapter.3

3 - 2

ナビゲーションはスッキリと！

ホームページを作っているうちに、

ナビゲーションに配置されるメニュー

も増えてしまい、見にくくなっていま

せんか？横並びのときには、増えすぎ

ると2段になってしまいます。

ナビゲーションは階層ごとに管理

第1階層 第2階層 第3階層

東京のラーメン

新宿のラーメン

塩ラーメン

しょうゆラーメン

とんこつラーメン

つけ麺

銀座のラーメン

新橋のラーメン

荻窪のラーメン

神奈川のラーメン

横浜のラーメン

川崎のラーメン

例えば、「ラーメンの食べ歩き」ペー

ジであれば、左の図のように、階層を

決めておきます。ラーメンに限らず、

飲食店は「場所」で探す人も多いので、

エリアごとに分類があった方がわか

りやすいでしょう。ページの名前も

「おすすめ1」「おすすめ2」ではなく、

「おすすめの塩ラーメン」「おすすめの

しょうゆラーメン」のように、初めて見

た人にもわかるようにつけましょうね。

ナビゲーション部分は、本でいうと「目次」のようなもの。

特に初めて来た人には、わかりやすくしておきたいですよね。

ページ数が少ない場合はそのままでよいのですが、

増えてきたら階層をつけて管理するようにしましょう。

Jimdo のナビゲーション機能では第1～第３階層まで設定することができます。

3 - 3

ナビゲーションの編集画面で、右に向い

ている矢印「＞」をクリックすると、階層

がひとつ下がります。逆に階層を上げた

い場合は、左に向いている矢印「＜」をク

リックすると階層がひとつ上がります。

順番も変えることができるので、大事な

ものは上（横並びタイプのときは左）に

配置するようにしましょう。

ナビゲーション機能で、階層を作れるなんて知らなかったよ。

第２階層、第３階層の設定について

便利だから、ぜひ使ってね！

ルドルフくんのページも、直してみましょうか。

3 - 4

できたよ！アリーナちゃん、どう！？

Before

After

とてもわかりやすくなったわ！

さっそくおすすめのお店に行ってみようっと♪

Copyright 2015 KDDI Web Communications inc. All Rights Reserved. Jimdoは株式会社 KDDIウェブコミュニケーションズのサービスブランドです。本資料に記載されている内容は2015年1月現在のものです。