今回は、WordPressでグローバルナビを設定する方法を解説します。
グローバルナビとはブログのヘッダー部分に表示されるメニューのことで、ブログのメインナビゲーションの役割を担います。
このグローバルナビを設定するには、大きく分けて３つの作業があります。
- メニュー項目を決める
- リンク先の内容を決める
- グローバルナビを設定する
順を追って解説していきます。
1.メニュー項目を決める
まずは、グローバルナビにどんな項目を表示するのかを決めましょう。
グローバルナビの役割は、読者が目的のページにたどり着きやすくすることです。
どこに何があるのか一目でわかるよう、主要なリンクをグローバルナビに設定すると良いでしょう。
大項目の数は6項目ぐらいがおすすめ。
多すぎるとかえって分かりにくくなるので、サブメニューを活用するなどして大項目が増え過ぎないようにしましょう。
決まったら、こんな感じで↓書き出してみてください。
項目が決まったら、リンク先の内容を決めて準備していきます。
2.リンク先の内容を決める
グローバルナビはメニューなので、クリックした先のページが必要になります。
先ほど作ったメニュー項目に対して、それぞれクリックした先のページを想定して書き出していきましょう。
リンク先のページは以下の4種類から選んで設定します。
設定できるリンクは4種類
メニュー項目のリンク先は以下の4種類から設定できます。
- 固定ページ
- 投稿
- カスタムリンク（任意のリンク先）
- カテゴリー
先ほど考えたメニュー項目のリンク先のページは①〜④の内、どれで作るのが良いでしょうか。
以下に詳しく説明していきます。
固定ページ
固定ページはカテゴリーのない単体のページです。
たとえば、以下のようなページを固定ページで作ることが多いです。
- プロフィール
- お問い合わせ
- 画像ギャラリー
- サービス紹介
例の場合は、「プロフィール」と「お問い合わせ」を固定ページで作ることにします。
ということで、固定ページをグローバルナビに設定する場合は、固定ページを作成しましょう。
投稿
投稿は、日々投稿するブログ記事のことです。
グローバルナビに投稿を設定することは少ないと思いますが、設定自体は可能です。
- ブログ記事
こちらも、グローバルナビに設定する場合は投稿を先に作成しましょう。
カスタムリンク
カスタムリンクには任意のリンク先を設定することができます。
ブログ外のページも設定可能ですので、たとえばショップページやお問い合わせフォームなどが外部サイトにある場合は、カスタムリンクとして設定すればグローバルナビからアクセスできるようになります。
また、ページ内の特定の位置へのリンクもカスタムリンクで設定可能です（今回は詳しい説明は割愛します）。
- 外部ページ（ショップページ、お問い合わせフォームなど）
- ページ内の特定の位置へのリンク
例の場合は、「ホーム」と「ショップ」をカスタムリンクで設定します。
投稿、固定ページ、カテゴリーのいずれにも該当しないページは全てカスタムリンクになります。
カテゴリー
グローバルナビにはカテゴリーを設定することが最も多いと思います。
カテゴリーを設定すると、そのカテゴリーの記事一覧ページにアクセスすることができます。
特に読んでほしい主要カテゴリーはグローバルナビに設定することをおすすめします。
例の場合は、「旅行」と「音楽」はカテゴリーで設定します。
投稿する際にカテゴリーを設定されている場合は、追加で用意することはありません。
新しいカテゴリーを作成する場合は下記サイトをご参照ください。
リンク先のページやサイトを作成する
これでリンク先のページを4種類の内のどれで用意するかが決まりました。
リンク先のページがない場合は作成しましょう。
例のメニュー案は以下のようになりました。
この例の場合、グローバルナビを設定する前に準備するのは以下の5つになります。
- プロフィールページを作る（固定ページ）
- お問い合わせページを作る（固定ページ）
- 旅行カテゴリーを作る（旅行カテゴリーの投稿を書く）
- 音楽カテゴリーを作る（音楽カテゴリーの投稿を書く）
- 外部のショップページを作る
このように、メニュー項目に応じて固定ページや投稿、カテゴリー、外部サイト等を作成してください。
リンク先のページを用意できたら、ブログにグローバルナビを設定していきましょう！
ふぅ。すでに疲れました…
もうひといきだよ！
2.グローバルナビを設定する
1.メニューページに進む
管理画面から＞外観＞メニューに進みます。
2.メニューを作成する
①新しいメニューを作成をクリックして、②「メニュー名」に「グローバルナビ」と入力して③[メニューを作成]します。
既にグローバルナビがある場合は、下記の記事を参考にグローバルナビの項目を変更してください。
3.メニュー項目を追加する
左側の「メニュー項目を追加」から、追加したい項目にチェックを入れて[メニューに追加]します。
カスタムリンクの追加方法
「カスタムリンク」を選んで、リンク先のURLとグローバルナビに表示する文字列を入力して、[メニューに追加]します。
4.メニュー項目を並べ替える
メニュー項目をドラッグ＆ドロップして並べ替えます。
5.グローバルナビに設定して保存する
メニュー設定の「グローバルナビゲーション」にチェックを入れて、[メニューを保存]します。
これでグローバルナビの設定は完了です。
サイトを見ると、グローバルナビに先ほど設定したメニューが表示されていると思います。
お疲れ様でした！
グローバルナビを変更する場合は、以下の記事を参考にしてください。
JINでグローバルナビにアイコンを添える方法はこちら
Dressingでは、ブログ作成中の疑問やお悩みにチャットを使ってお答えしています。
- WordPressが思ったより難しくて挫折しそう
- 使い方が分からない、なぜか上手くいかない
- 自分のブログはこのままでいいの？
など、お困りの際はお気軽にご相談ください。
今すぐ解決！
