Diver のメニュー設定方法。どこに何を表示できるかもあわせて解説します

 

 

ワードプレステーマ Diver を使用したブログの

メニューの設定方法について、わかりやすく解説します。

 

１．Diver のメニュー設定とは？ どこに何を表示できる？

Diver でメニュー設定をすると、以下の４つの場所にメニューを表示させる事ができます。

 

それぞれがどの場所のことなのかを、画像で確認しましょう。

ヘッダーナビゲーション

ヘッダーのすぐ下のエリアにメニューが表示されます。

 

ミニヘッダーのメニュー

ヘッダーの右上のエリアにメニューが表示されます。

 

フッターのメニュー

サイトのフッターエリアの最下部に表示されます。

 

横スクロールメニュー(スマホのみ)

ブログをスマホで表示した時に、ヘッダーのすぐ下に表示されます。

メニュー部分を横にスワイプすることで、スクロールさせることができます。

 

以上４箇所が、メニューで設定した項目を表示できる場所です。

次のメニュー設定画面で、これらのエリアに表示させる項目を設定していきます。

 

２．Diver のメニュー設定方法

ここからは、実際の設定画面の画像を見ながら、各所のメニュー設定について解説していきます。

 

メニュー設定画面は、管理画面 ＞ 外観 ＞ メニュー から開くことができます。

 

１つ目のメニューを新規で作成しましょう。

メニュー名 にわかりやすい名前をつけて、右の メニューを作成 をクリックします。

 

新しいメニューが作成され、左側の メニュー項目を追加 が有効化されるので

この中から、メニューに追加したいものを選んでいきます。

メニューに追加できるのは、以下の４項目です。

 

2-1 固定ページ＆投稿ページ

固定ページと投稿ページへのリンクを、メニューに設定できます。

やり方は、追加したいページを選択 して、メニューに追加 を押すだけです。（固定、投稿ページ共に同じやり方です）

 

2-2 カスタムリンク

カスタムリンクの項目では、自由にリンクを設定することができます。

URL と、メニューに表示させる 文字列 を入力して メニューに追加 をクリックします。

 

2-3 カテゴリー

カテゴリーをメニューに設定することができます。

表示したい カテゴリーを選択 して メニューに追加 をクリックしましょう。

 

2-4 メニュー設定

メニューに表示させる項目が決まったら、次にメニュー設定で

そのメニューを表示させる場所を選択しましょう。

 

今回はフッターに表示させたいメニューを作成したので

フッターのメニュー にチェックを入れて メニューを保存 をクリックします。

 

これで設定したメニューが、フッターの位置に表示されました。

 

メニューはいくつでも追加することができます。

新しいメニューを作りたい時は、画面上部の 新しいメニューを作成しましょう のテキストをクリックします。

 

するとまた、１からメニューを作成することができます。

 

３．一度つくったメニューを編集する方法

一度つくったメニューを編集したいときは、画面上部の 編集するメニューを選択から

編集したいメニューを選択して、選択 ボタンをクリックすることで、再度編集できるようになります。

 

４．おすすめのメニュー設定

 

わ-研。の設定例をもとに、各所のおすすめメニュー設定についても解説します。

 

その１：ヘッダーのナビゲーション

ヘッダーのナビゲーションは、PCユーザーの１番目につく場所です。

 

ここにカテゴリーを一覧で表示させておくことで、何の情報を発信しているブログなのかが

ひと目でわかりますし、目的のページにアクセスしやすくなります。

 

メニューを階層にしておくことで、ドロップダウンで表示することもできます。

 

ドラッグ＆ドロップで、簡単に階層にすることができます。

※画面クリックで動画が再生されます。

 

その２：ミニヘッダーのメニュー

ミニヘッダーのメニューには、プロフィールやお問い合わせページなどを設定することがほとんどです。

 

わ-研。では、ヘッダーボタンを設置しているので、ミニヘッダーのメニューは非表示に設定しています。

両方使うとごちゃごちゃしてしまうので、どちらかを使うようにしましょう。

 

ヘッダーボタンの設定方法は、以下のページで解説しています。

参考リンクDiverのヘッダーカスタマイズ方法まとめ

 

その３：フッターのメニュー

フッターメニューも、ミニヘッダーと同じような使い方です。

わ-研。では、「ホーム」「お問い合わせ」「プライバシーポリシー」を設定しています。

 

その４：横スクロールメニュー

スマホ用のメニューには、ヘッダーのナビゲーションと同じく

ブログのカテゴリーを表示させておくのが、おすすめの設定です。

 

横スクロールできますが、どうしてもされる頻度は低くなるので

できるだけ左側に、見てほしいカテゴリーを表示させておきましょう。

 

メニュー設定で両方にチェックを入れておくことで、同じ項目が表示されます。

 

さいごに

ワードプレステーマ Diver の、メニュー設定方法について解説しました。

 

このメニュー表示を適切に設定することで、ブログの回遊率をアップさせることができるので

Diver をお使いの方は必ず設定しておくようにしましょう。

 

さいごに、このページのおさらいをしておきます。

• ヘッダーナビゲーション
• ミニヘッダーメニュー
• フッターメニュー
• 横スクロールメニュー(スマホのみ)

 

 

注目の記事Diverのヘッダーカスタマイズ方法まとめ