【WordPress】ワードプレス無料テーマCocoonでメニューをプルダウンで表示する方法

デザイン

この記事ではワードプレス無料テーマCocoonでグローバルメニューのカテゴリをプルダウンで表示する方法を紹介しています。ワードプレスではHTMLやCSSをいじることなく簡単にプルダウンメニューを作成することができます。ぜひやってみてください。

この記事は

筆者
筆者

知識0からブログ運営を始めた筆者が実際に「実際に疑問に思ったこと」や「つまずいた経験」を元に執筆しています。

カテゴリをプルダウンで表示させたい

ブログで設定しているカテゴーに関連した記事を書く時に、カテゴリーが分かれていたら【どこになにがあるのか】が分かりやすく探しやすくなり便利ですよね。

ユーザーの利便性の向上にもなりますし、ブログを見てくれた方にも「見やすい」「探しやすい」ブログはとても親切です。

完成例

今回は当ブログのグローバルメニューにある【ブログ運営】というカテゴリを選択した時に副カテゴリがプルダウンで表示されるようにしてみたいと思います。

やり方

ワードプレスの【ダッシュボード】→【外観】→【メニュー】を選択。

追加したいカテゴリを【メニュー項目を追加】から選び、チェックボックスにチェックを入れます。

チェックを入れてカテゴリを選択したら【メニューに追加】をクリックします。

すると追加したカテゴリが右側の一番下に追加されるので、表示させたいカテゴリを親カテゴリの下に移動します。

移動させた後に右に少しズレた状態で表示されていれば大丈夫です。

【メニュー設定】の任意の場所にチェックを入れ【メニューを保存】をクリックします。

完成

するとこんなふうに簡単にプルダウンメニューが作成できました。

まとめ

ワードプレスでは複雑な手間を踏むことなく簡単にプルダウンメニューを作成することができます!

他のカテゴリーも同じように作成できますので、ぜひやってみてください。

みなさまのブログライフにお役立ていただけたら嬉しいです

それでは

この記事を書いた人
米田

30代主婦ブロガー│イラスト
浪費癖が高じて20代で貯金0に危機感を抱き「物を持たない暮らし」にシフト。
3年で貯金20万→200万円の貯金に成功。
「節約しててもかわいく暮らす」がモットー

米田をフォローする
スポンサーリンク
デザインブログ副業
\この記事をシェアする/

コメント

タイトルとURLをコピーしました