WordPressでグローバルナビを設定!ヘッダーからカテゴリに飛べるようにする(画像付き)

ブログ
スポンサーリンク

こんにちは、サブです。

WordPressのブログ記事で、ヘッダーにカテゴリを表示して、飛べるようにしたいと思っていませんか?

WordPressでは、グローバルナビ(グローバルナビゲーション)の設定をすることで、ヘッダーにカテゴリへのリンクを表示することができます。

今回は、グローバルナビの設定方法を紹介しようと思います。

WordPress初心者の方に、参考となる記事となれたら嬉しいです。

スポンサーリンク

WordPressでグローバルナビを設定する方法

WordPressでグローバルナビを設定するには、「WordPress管理画面」>「外観」>「メニュー」と進みます。

「メニュー」画面が開くので、「メニュー名」に好きな名前を入れて、「メニューを作成」に進みます。

「メニュー項目を追加」の部分が選択できるようになります。

今回は、ヘッダーからカテゴリに飛べるようにしたいので、「カテゴリー」から、ヘッダーに表示をしたいカテゴリを選び、「メニューに追加」に進みます。必要であれば、子カテゴリも選びます。

「メニュー構造」の部分に、選んだカテゴリが並びます。

子カテゴリも含めて同じ階層に並んでいますが、階層構造に直すことも出来ます
下の階層にしたいカテゴリを選び、「【親カテゴリ名】 下の階層」をクリックすると、

階層構造になってくれます。

ドラッグ&ドロップでも、階層を設定できます。

子カテゴリを含んだカテゴリ全体をドラッグ&ドロップして、カテゴリの表示順を変えることも出来ます。

メニュー構造の設定が終わったら、「メニューを保存」に進みます。

「位置の管理」タブをクリックします。

「ヘッダーメニュー」で最初に設定した「メニュー名」を選び、「変更を保存」に進みます。

以上で、グローバルナビの設定は完了です。

サイトを確認してみると、ヘッダーにグローバルナビが表示されていることが確認できます。カテゴリにマウスを乗せると、子カテゴリもびょんと伸びてきます。

スポンサーリンク

まとめ

今回は、WordPressのヘッダーに、カテゴリページへリンクするためのグローバルナビを設定する方法をまとめました。

グローバルナビの設定前後で、サイトが改善された感じが出ました。

Before

After

目立つところにカテゴリリンクがあることで、サイト内の回遊も上がるといいな、と思っています。

コメント

タイトルとURLをコピーしました