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

 

わかば
ブログにメニューを設定したいんですけど
今ひとつ設定方法がよくわからないんですよね・・・

山本
Diver のメニュー設定だよね。
じゃあ今回はその方法について解説していくよ

わかば
ぜひお願いしますー!!

 

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

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

 

1.Diver のメニュー設定とは? どこに何を表示できる?

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

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

 

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

ヘッダーナビゲーション

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

Diver のメニュー設定とは? どういう場所に表示できる?

 

ミニヘッダーのメニュー

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

 外観 > カスタマイズ > メイン設定 > 固定ヘッダー設定 の「ミニヘッダーを表示する」のチェックボックスが、オンになっていないと表示されません。

Diver のメニュー設定とは? どういう場所に表示できる?

 

フッターのメニュー

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

Diver のメニュー設定とは? どういう場所に表示できる?

 

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

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

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

Diver のメニュー設定とは? どういう場所に表示できる?

 

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

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

 

2.Diver のメニュー設定方法

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

 

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

Diver のメニュー設定方法

 

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

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

Diver のメニュー設定方法

 

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

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

Diver のメニュー設定方法

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

  • 固定ページ
  • 投稿
  • カスタムリンク
  • カテゴリー

 

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

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

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

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

 

2-2 カスタムリンク

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

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

Diver のメニュー設定方法

山本
他サイトへのリンクを設定することもできます

 

2-3 カテゴリー

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

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

Diver のメニュー設定方法

 

2-4 メニュー設定

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

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

 

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

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

Diver のメニュー設定方法

 

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

Diver のメニュー設定とは? どういう場所に表示できる?

 

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

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

Diver のメニュー設定方法

山本
クリックする前に、変更を保存することをお忘れなく!

 

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

Diver のメニュー設定方法

 

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

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

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

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

 

4.おすすめのメニュー設定

わかば
おかげさまで、メニューの設定方法はわかったんですけど
いざやるってなると、なにを表示させたらいいのか迷いますね...

山本
ついでにおすすめのメニュー設定も解説していくよ

 

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

 

その1:ヘッダーのナビゲーション

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

おすすめのメニュー設定

 

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

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

 

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

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

 

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

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

 

その2:ミニヘッダーのメニュー

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

おすすめのメニュー設定

 

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

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

 

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

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

 

その3:フッターのメニュー

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

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

おすすめのメニュー設定

山本
目立たないように見えますが、記事を読んだ後に目に付く場所なので
意外とクリック率が高かったりするエリアです

 

その4:横スクロールメニュー

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

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

おすすめのメニュー設定

 

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

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

 

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

おすすめのメニュー設定

 

さいごに

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

 

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

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

 

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

  • Diver でメニューを表示できる場所は4箇所
  • ヘッダーナビゲーション
  • ミニヘッダーメニュー
  • フッターメニュー
  • 横スクロールメニュー(スマホのみ)
  • Diver の各所のメニュー設定方法
  • 一度つくったメニューを編集する方法
  • おすすめのメニュー設定

 

わかば
まずは、ブログのカテゴリー決めからはじめないといけませんね!

山本
あ、それもまだだったのね・・・

 

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

 

ゼロから始める!ワードプレスブログ スタートマニュアル
ワードプレスブログスタートマニュアル

ブログには興味があるけど、ワードプレスってなんか難しそうだなぁなんて思ってませんか?

わー研。では、そんなあなたのために、手順通り進めるだけでワードプレスブログが開設できるマニュアル(特設ページ)をご用意しました!

もちろん無料で利用が可能ですので、はじめての方はぜひご活用ください!

Twitterでフォローしよう

おすすめの記事