今回はこのような疑問を解決します。
- グローバルメニューの設定方法
- 副項目メニューの設定方法
本記事ではSTORK19テーマでのグローバルメニュー設定方法を解説しますが、どのテーマでもさほど変わらないと思いますので他テーマの方もぜひ参考にしてください！
そもそもグローバルメニューとは何なのかと言うと、
言わばサイトの構成を分かりやすくするための案内リンクです。
このようにグローバルメニューを設定しておく事は、
サイトの構成を分かりやすくするだけでなく、訪問者が目的のコンテンツにたどり着きやすくするという役割も持っています。
グローバルメニューを設定すると、
訪問者がサイト内のどのページにいても、他の記事へ飛びやすいという事ですね！
それではグローバルメニューが何なのか理解したところで、
実際に作成して設定してみましょう！
Contents
グローバルメニューを作成する
グローバルメニューを作成するには、
WordPress管理画面にて、
【外観】→【メニュー】の順にクリックします。
そしたら、メニューの作成画面が開くので、
【新しいメニューを作成しましょう。】をクリックします。
メニュー名の入力
次に、メニュー名を入力します。
任意の名称でOKですが、ここでは分かりやすく、
「グローバルメニュー」と入力します。
メニュー名を入力したら、
【メニューを作成】をクリックしましょう。
そしたらメニュー構造を作成できるようになるので、実際にメニューを作成していきます。
メニュー構造の作成
基本的に、
「メニュー項目を追加」の欄から
「メニュー構造」に、表示したいページを追加していく流れとなります。
メニュー項目を追加の欄からは、
- 固定ページ
- 投稿
- カテゴリー
- カスタムリンク
から追加したいページを選択することが出来ます。
メニューに表示したいページが、固定ページにも投稿にもカテゴリーにも無い時に、追加したいページのURLを直接入力する時に使います。
これでメニュー構造が完成しましたね！
あとはメニュー設定欄から、
作成したメニューをどの位置に設定するか選択します。
STORK19の場合、
- グローバルナビ（PC用）
- グローバルナビ（モバイル用）
- フッターナビ
の３か所のメニュー位置を選択できます。
今回はグローバルメニューの設定なので、
グローバルナビ（PC用）とグローバルナビ（モバイル用）を選択します。
これでメニューの設定が全て完了しました！
最後に忘れず、
【メニューを保存】をクリック！
これでサイトにメニューが反映されます！
ちなみにSTORK19でモバイルのグローバルメニューを設定した場合は、こんな感じに表示されます。
メニュー項目は１列で表示され、モバイル画面では全てのメニュー項目が表示できない場合は、グローバルメニューを左右にスクロール出来る仕組みなっています。
※この仕様はSTORK19のデフォルト仕様であり、テーマによって異なります。
皆さんお疲れさまでした。
ですがもう1つだけ説明したい事があるので、
時間に余裕があれば、次も合わせてお読みください。
グローバルメニューの副項目の設定
メニューに副項目を設定して階層化させる事が可能です。
副項目は、
副項目を設定したメニューをマウスオーバーした際に表示されます。
この副項目の設定は全然難しくありませんのでご安心を。
メニューの編集画面にて、
副項目を設定したい項目の下に、副項目を並べます。
メニュー項目の並び替えは、ドラッグして簡単に可能です。
そして副項目に設定したい項目を少し右にずらすくらいの感じでドラッグしてみてください。
すると副項目として設定されます。
これで終わりです！
最後に忘れず、【メニューを保存】してくださいね！
まとめ：STORK19でグローバルメニューを作成して設定する方法
お疲れさまでした。
グローバルメニューはブログやサイトにとって必須と言っても過言ではありません。
サイト内の記事数が増えれば増えるほど、グローバルメニューの設定は重要になってきます。
記事が少ないうちは、訪問者が迷うことも無いかもしれませんが、早めに作っておいて損は無さそうですね。
それでは今回はこれで！
バイチャ(^^)/
