【JIN】メニューバーのプルダウンリストの作り方

こんにちは。かとみさ（@KatoMisa3）です。

当サイトのトップページがリニューアルされたことに皆様お気づきでしょうか。今回はこのサイトでも採用している「メニューバーのプルダウンリスト」の作り方です。

※ブログテーマ「JIN」での表現方法を前提に記載しています。予めご了承ください。

メニューバーのプルダウンとは

ここのことです。

プルダウンの設定方法

メニュー設定の「グローバルナビゲーション」を使います。

①メニュー画面に遷移する

外観 > メニュー

②「グローバルナビゲーション」を選択

「選択」を押下しないと設定できないのでご注意ください。「選択」を押下すると、メニュー構造を選べる画面が表示されます。

③「メニュー構造」で階層構造を作成する

下記のようにドラッグしながら動かすと、階層構造を操作できるようになります。

④メニューを保存

メニューを保存します。保存後、サイトを確認しましょう。

サイトを確認しても反映されていない場合、ブラウザにキャッシュが残存している可能性があります。キャッシュをクリア、または再読み込み（Windows であればF5キーを押下）してから再度確認をしてみましょう。

考慮事項

メニューバーのプルダウンは「探しやすく」「辿りやすく」を意識することをおススメします。いきなり作成するよりも、メモ帳や付箋などを使ってメニュー構造を決めてから設定するとスムーズですよ。

ー fin ー

加藤ミサ
katomisa

朝ライフの中の人

XContact

「朝の自分時間」を起点に「好きを育てる暮らし」をしています。ブログは不定期更新中。本業は某IT企業の会社員。仕事や家のことが始まる前の朝時間に、手帳を開いて頭の中を整理したり、書いたり、学んだり、好きなことをやってみたりしています。

*** 姉妹サイト ***
・かとみさイラスト制作室
　https://kirei.asalife.jp
・キレイBASE
　https://katomisaillust.asalife.jp
・note
　https://note.com/katomisa3
・楽天ROOM
　https://room.rakuten.co.jp/room_plusmisty/items