サンプルサイト(http://www.atmark-salon.com/nemoc/)のようなメニューバーの作成方法を説明します。
予めメニューバーにリンクする固定ページ(トップページやメニュー紹介、サロン案内のページなど)を用意しておきます。
メニューバーのリンクを作成するだけなら、固定ページのタイトルだけ作成して内容の記述は後回しでもOKです。
固定ページの作成が終わったら、管理画面メニューの「外観」→「メニュー」をクリックします。
ここで設定できるメニューバーの表示位置は、Top(上部)とBottom(下部)です。
テーマ(テンプレート)の種類によっては、Top、Bottom両方に対応した物とTopのみ、Bottomのみに対応した物がございます。
また、ウィジェット(カスタムメニュー)で設定する方法もあります。その場合、メニューは、サイドバーに表示されます。
メニュー設定画面で、テーマのどの位置に表示させるか決めます。
次に、画面左下の”固定ページ”一覧から、どのページをメニューに組み込むか選択します。
画面右側の上部の”Top”、”Bottom”タブを切り替えることで、Topメニューに組み込む固定ページ、Bottomメニューに組み込む固定ページを選択することができます。
Topメニューに組み込むページとBottomメニューに組み込むページを変えることこも勿論OKです。
サイトにとって重要なページは、Topメニュー(または、サイドバー)に設定し、それより重要度の下がるページ(例えばリンクページなど)は、Bottomメニューに組み込むのがいいでしょう。
なお、メニューバーに設定できるのは、固定ページのみブログ記事(投稿ページ)は、設定できません。
それでは、メニューバーの作成手順を説明します。
- 画面左上の”Top Navigation”プルダウンから”Top Navigation”を、”Bottom Navigation”プルダウンから”Bottom Navigation”をそれぞれ選択します。
※注意:この設定は、テーマによって若干、異なります。この設定をしなくてもTopメニューが表示されるテーマもあれば、”Bottom Navigation”プルダウンを選択してもBottomメニューが表示されないものあります。 - 画面右側の”Top Navigation”、”Bottom Navigation”タブを切り替えて、どの位置のメニューバーを作成するの選択します。
上記、説明と重なりますが、テーマによっては、”Bottom Navigation”タブにメニューバーを作成しても、機能しないテーマがありますのでご注意ください。 - 画面左下の”固定ページ”一覧からメニューに表示する固定ページをチェックし、”メニュー追加”ボタンをクリックします。
この一覧の初期表示は、最近、作成された固定ページになっていますので、一覧に表示されているな固定ページがありました、”すべて表示”をクリックすると、すべての固定ページが表示されます。 - 画面右側のメニューバーの一覧は、ドラッグ&ドロップで順番を入れ替えることができます。また、各メニュー(固定ページ)の▼をクリックする、メニューバー表示に関する設定が行えます。固定ページのタイトルと異なるメニュータイトルにすることも可能です。(例:固定ページのタイトルは、”ご挨拶”をメニューバーの表示は、”ホーム”に変更)
- 最後に、画面右上の”メニューを保存”をクリックして、設定した内容を保存して完了です。



