ここでは、WordPressブログのヘッダーナビゲーションメニューにサブタイトルを追加して、2段表示にする手順をご紹介します。
ナビゲーションメニューのサブタイトルを追加すると、ヘッダーメニューが下記のような状態になります。
![ナビゲーションメニューのサブタイトル](https://yoshitechblog.com/wp-content/uploads/2020/01/5bdfbebfdb2db269e1a661b5d4e72ee8.jpg)
ナビゲーションメニューにサブタイトルを追加する(2段表示)
![チェックリストを書く](https://yoshitechblog.com/wp-content/uploads/2020/01/checklist-3944447_640-_1200_ec-1024x594.jpg)
①WordPress管理画面(ダッシュボード)で、「外観」⇒「メニュー」をクリックして下さい。
![外観のメニュー](https://yoshitechblog.com/wp-content/uploads/2020/01/152073d545923d67e448fd6dc1fd37f2.jpg)
②「ヘッダーメニュー」を編集する状態にして、画面上部にある「表示のオプション」をクリックして下さい。
![ヘッダーメニューの表示オプション](https://yoshitechblog.com/wp-content/uploads/2020/01/fbcb9bbe2079aaf8d4a27d5fd2b85150.jpg)
③「 詳細メニュー設定を表示 」の設定項目で「説明」にチェックを入れて下さい。
![説明にチェック](https://yoshitechblog.com/wp-content/uploads/2020/01/c8152ce77342d07f1df43aa7b18a4686.jpg)
④「ヘッダーメニュー」に設定済のメニューどれかの下向き三角「▼」をクリックして下さい。
![メニューの編集](https://yoshitechblog.com/wp-content/uploads/2020/01/9211b35da9c6d73161ba34870391cfef.jpg)
⑤展開した設定項目に「説明」の欄が追加されていますので、そこにサブタイトルで表示したい文字列を入力して下さい。
例:「サイトマップ」 なら、サブタイトルを英語で 「Sitemap」
「ホーム」なら、サブタイトルを英語で「Home」など。
「ホーム」なら、サブタイトルを英語で「Home」など。
![サブタイトルの追加](https://yoshitechblog.com/wp-content/uploads/2020/01/6776b5dc38aaa10a616e78ecb30a3a6f.jpg)
⑥他のナビゲーションメニューも同様にサブタイトルを設定して、最後に「メニューを保存」をクリックして下さい。
![メニューを保存](https://yoshitechblog.com/wp-content/uploads/2020/01/772cabe5ab2b823ffcc42396dc29d6e0.jpg)
Cocoonテーマ使用時の注意点
![Cocoonロゴ](https://yoshitechblog.com/wp-content/uploads/2019/07/cocoon.jpg)
★Cocoonテーマを使用している場合は、「Cocoon設定」⇒「ヘッダー」の「ヘッダーレイアウト」が、「トップメニュー小」または「トップメニュー小(右寄せ)」だとサブタイトルを設定しても2段表示になりませんので、それ以外の設定にしてく下さい。
![ヘッダーレイアウトの設定](https://yoshitechblog.com/wp-content/uploads/2020/01/765dc453a3871c45834a6744704e4d88.jpg)
まとめ:サブタイトルを追加してサイトの品質向上
今回は、WordPressブログのヘッダーナビゲーションメニューにサブタイトルを追加して、2段表示にする手順をご紹介しました。
この設定は、WordPress標準の機能ですので、サイトの品質向上にお試し下さい。
コメント