【DIVER】ヘッダーメニューの表示を工夫！2段で表示する方法

こんばんは、ミントです。

前回、WordPressの無料テンプレート（Simplicity2）でのヘッダーメニューの設定を説明しました。

私がこのブログでも使用しているのは、有料ではありますが『Diver』というテンプレートです。

有料なだけあって、色んな機能があるのですが、ヘッダーメニューにしても少し違うので、

Diverでの設定も説明しておきたいと思います。

私も使用していて「あ、こんな事できるんだ～」と少し感動したので、

どなたかのお役に立てば幸いです♪

ヘッダーメニューの設定方法

設定方法は、ほぼWordPressのSimplicity2と同じです。

ここは、Simplicity2と同じ。

こんな感じに、表示されていればＯＫです。

DIVERならではの表示方法の設定

ヘッダーメニューの設定は、出来たと思いますが、

DIVERならではの表示方法をご説明します。

表示をご覧になると分かりますが、メニューの下に文字が入力されてますよね。

ここだと、ホームの下にHOME、と表示されている箇所です。

それぞれ、2段目に英数字が入ってます。

Diverでは、簡単に出来てしまいます。

外観→メニューの最初の画面を見て下さい。

上部の表示オプションをクリックします。

展開するとメニューが出てきます。

この詳細メニュー設定を表示 の中の□説明にチェックを入れます。

その後、それぞれのメニュー設定をしていきます。

例えば、ホームの項目を編集していきます。

右下の▼を押して、展開してください。

先ほど『説明』にチェックを入れたので、新しく編集できるようになりました！

ここに、説明文を入力する事ができます。

固定メニューの説明でもいいですし、上のように英語表記を追加してもいいです。

編集が終わったら、変更を保存をクリックします。

プレビューしてみましょう。

先ほどと違って、

２段で表示されているのが、分かりますね。

まとめ

いかがでしたでしょうか。

Diverだと、手間なく色々な事ができてしまいます。

今回のヘッダーメニューの表示方法も、簡単にできるのでビックリしますよ。

無料のテンプレートと比べてみても、難しい操作をしなくても簡単に設定できるので、

私はお世話になりっぱなしです。

最後までお読みいただき、ありがとうございました。