メニューの設定

WordPress テーマ by Communitycom テーマ導入・設定マニュアル

ホームページの訪問者が目的のページに迷わずたどり着くための「目次」のことを「ナビゲーション」といいます。

メインメニューとは、主要なコンテンツに誘導するためのナビゲーションのことで「グローバルナビゲーション」とも呼ばれます。メインメニュー(グローバルナビゲーション)はホームページ内のすべてのページに共通して設置される一番重要なナビゲーションです。ホームページに訪れた人が迷わないよう、適切な位置と項目、できるだけ少ないクリックで各ページに移動しやすい構成を意識しましょう。

ここでは、WordPressテーマ&プラグイン販売 コミュニティコムショップで販売している「歯科医院・歯医者さん向け WordPress テーマ by Communitycom」を例に、メインメニュー(グローバルナビゲーション)の作成方法を解説します。

メインメニューを作成する前に

メインメニューの作成にとりかかる前に、メニューに追加したい固定ページや投稿、カテゴリーなどがあれば、あらかじめ作成しておくといいでしょう。メニューから外部サイト(ホームページ外のページ)にリンクさせることも可能なので、リンクさせたいページのURLも用意しておくとスムーズです。

メインメニューを作成する

WordPressの管理画面から、メインメニューを作成していきます。WordPress管理画面へのログイン方法については「WordPress(ワードプレス)の管理画面にログインしよう」を参照してください。

メニューの作成画面を表示する

「外観」にマウスポインターを合わせ、表示された「メニュー」をクリックします。

WordPress(ワードプレス)超入門 メインメニューを作成しよう

メニューを新規作成する

メニュー編集画面が表示されました。「新規メニューを作成」をクリックします。

WordPress(ワードプレス)超入門 メインメニューを作成しよう

「メニュー名」の右側のボックスにメニュー名を入力します。ここでは例として「メインメニュー」と入力します。このメニュー名は管理用のものなので、管理者がわかりやすい名前をつけましょう。

WordPress(ワードプレス)超入門 メインメニューを作成しよう

「メニューを作成」をクリックすると、メニューが新規作成されます。

WordPress(ワードプレス)超入門 メインメニューを作成しよう

固定ページをメニューに追加する

新規作成されたメニューに、固定ページを追加しましょう。「固定ページ」エリアの「すべて表示」をクリックします。

WordPress(ワードプレス)超入門 メインメニューを作成しよう

固定ページがすべて表示されました。「すべて選択」をクリックし、すべての固定ページにチェックがついたことを確認したら、「メニューに追加」をクリックします。

WordPress(ワードプレス)超入門 メインメニューを作成しよう

すべての固定ページがメニューに追加されました。

WordPress(ワードプレス)超入門 メインメニューを作成しよう

メニュー項目の順番を変更する

メニューに追加された項目を入れ替え、順番を変更しましょう。ここでは「会社概要」の項目を「ホーム」の下に移動します。

WordPress(ワードプレス)超入門 メインメニューを作成しよう

「会社概要」にマウスポインターを合わせ、「ホーム」の下までドラッグすると、メニューの順番を変更することができました。

WordPress(ワードプレス)超入門 メインメニューを作成しよう

メニューから項目を削除する

メニューから項目を削除するには、「メニュー構造」の中の削除したい項目の右端にある逆三角形(▼)をクリックします。

WordPress(ワードプレス)超入門 メインメニューを作成しよう

設定オプションが表示されたら、左下の「削除」をクリックすればメニューからの削除完了です。この操作では、メニューから項目が削除されるだけで、固定ページそのものは削除されません。

WordPress(ワードプレス)超入門 メインメニューを作成しよう

メニューの位置を設定して保存する

メニュー項目が決まったら、メニューをホームページのどの位置に表示させるかを設定します。メニュー編集画面を下にスクロールして、「メニュー設定」エリアを表示してください。「メニューの位置」欄の「GlovalNav」をクリックしてチェックを入れましょう(メニューの位置の表示名は『グローバルナビ』など、テーマによって異なります)。「メニューを保存」をクリックして、設定を保存します。

WordPress(ワードプレス)超入門 メインメニューを作成しよう

「メインメニューを更新しました」と表示されれば、今までの設定が保存されています。

メニューの表示を確認する

ホームページを表示して、メニューの設定が反映されていることを確認しましょう。管理画面の左上にあるホームページ名をクリックします。

ホームページが表示されました。設定した通りの項目と位置でメインメニューが設置されています。

WordPress(ワードプレス)超入門 メインメニューを作成しよう

株式会社コミュニティコムが運営するWordPress(ワードプレス)テーマ&プラグイン販売 コミュニティコムショップでは、弁護士・法律事務所・士業向け WordPress テーマや、歯科医院・歯医者さん向け WordPress テーマなど、 業種・用途特化のWordPressテーマを販売しています。もちろん新エディター「Gutenberg(グーテンベルク)」対応です。
>> コミュニティコムショップのWordPressテーマ一覧

また、1ヶ月間無料の月額サポートプランでの継続的なサポートや、制作代行オプションもご提供しております。
>> コミュニティコムショップのオプション一覧