cocoonのグローバルメニュー(ヘッダーメニュー)にカテゴリーの項目を追加する方法に悩んでしまいました。
忘れてもいいように記録。
忙しい人のためのまとめ
- 「投稿」の欄から「カテゴリー」を選択してカテゴリーを作成しておく
- 「外観」の欄から「メニュー」を選択
- 「メニュー項目を追加」の欄から「カテゴリー」を選択。お目当てを追加で終了。
- ところが「メニュー項目を追加」に「カテゴリー」がない!場合
- 「ライブプレビューで管理」から遷移して「項目を追加」を押す
- 「カテゴリー」からお目当てを追加して「公開」で無事終了。
画像で見るグローバルメニューへのカテゴリーの項目追加
グローバルメニューとは下の画像のようなもの。
![グローバルメニューの例](https://sakanomochi.com/wp-content/uploads/2024/05/95cc956ce1cacca36b00780da6397043-1024x335.png)
まずは追加したいカテゴリーを作成する
「投稿」の欄から「カテゴリー」を選択。
![カテゴリー作成](https://sakanomochi.com/wp-content/uploads/2024/05/671ec43d669d351be89210dbab8ebda4.png)
![カテゴリーの欄](https://sakanomochi.com/wp-content/uploads/2024/05/b235b5f9e117d3a590db0c653543f463.png)
入力したら「新規カテゴリーを追加」を押して保存して完成。
グローバルメニューに追加する
「外観」の欄から「メニュー」を選択。
![メニュー作成](https://sakanomochi.com/wp-content/uploads/2024/05/1ce54db7860f2987084083e016bda661.png)
ところが「メニュー項目を追加」に「カテゴリー」がない!(2024年5月26日時点)
「投稿」などと一緒にあるはずなのに。なんで?わからん。
そこで「ライブプレビューで管理」を押す(すすではない)
![メニュー作成の欄](https://sakanomochi.com/wp-content/uploads/2024/05/261fe811b2c153ce4771751e86893e14.png)
実際の表示画面を見ながら編集できる画面に切り替わる。
編集するメニューを選ぶ。
![「ライブプレビューで管理」画面1](https://sakanomochi.com/wp-content/uploads/2024/05/c8e68d36bd437c33dee657c7f3580a4d-1024x354.png)
下の方の「項目を追加」を押す。
![「ライブプレビューで管理」画面](https://sakanomochi.com/wp-content/uploads/2024/05/8eae108193a4fab3220039c0b6f9efc7.png)
追加できる項目が表示され、下の方に「カテゴリー」の欄がある。
![「ライブプレビューで管理」画面3](https://sakanomochi.com/wp-content/uploads/2024/05/c6adc7b55f96326d2396c08654f77946-1024x566.png)
お目当てのカテゴリーを選んだら「公開」して適用する。
![「ライブプレビューで管理」公開](https://sakanomochi.com/wp-content/uploads/2024/05/8054b7faa721274d74c7c07a57220fbd.png)
![グローバルメニューに追加](https://sakanomochi.com/wp-content/uploads/2024/05/1812bfc9207d4f26316fcebf861d62ca-1024x325.png)
グローバルメニューに追加できました。
メニュー項目の順番替えと説明文
もう一度「外観」の欄から「メニュー」の編集画面へ行く。
メニューの項目にカーソルを合わせると十字の矢印が表示されるのでドラッグしてお好みに移動する。
![グローバルメニュー項目並び替え](https://sakanomochi.com/wp-content/uploads/2024/05/865f643f73859cd3df8a8383a9f946aa.png)
右端の▼を押すと詳細の編集ができる。
「説明」欄に書き込むとメニュー名の下にちょっとした説明書きを表示させることができる。
保存を忘れずに!
![メニュー項目詳細編集](https://sakanomochi.com/wp-content/uploads/2024/05/af80a56b7c530b35c75ef96ebacc72d4.png)
グローバルメニューの追加、これで完成!
![グローバルメニュー追加完成](https://sakanomochi.com/wp-content/uploads/2024/05/f041b3419dfae9b234f8aa377aad33a8-1024x336.png)