グローバルメニューは、主にブログの一番上のヘッダー部分に表示される、メニューのことです。
ブログのヘッダーに主要なメニューを表示すると、読者の人が情報を見つけやすくなるメリットがあります。
ブログを作ったら、まず最初に設定しておきたい項目ですよね。
![](https://i0.wp.com/nekolicense.com/wp-content/themes/cocoon-master/images/woman.png?w=1120&ssl=1)
グローバルメニューの作り方が分かりません。
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
グローバルメニューは、かんたんに作れますよ。詳しく教えますね。
私は、「トップ、お問い合わせ、自己紹介、サイトマップ、プライバシーポリシー」をヘッダーメニューにしました。
今回は、WordPress(ワードプレス)でCocoonを利用している人向けに、グローバルメニューの作り方と設定方法を紹介します。
- グローバルメニューの作り方を知りたい人
- ヘッダーに、グローバルメニューを表示したい人
WordPress グローバルメニューの簡単な作り方
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
グローバルメニューを作成するためにすることは、以下の2つです。
- グローバルメニューを表示する位置の設定
- グローバルメニューに表示するメニュー項目を選ぶ
WordPressにグローバルメニューを表示する位置の設定
まずは、メニューを表示する位置の設定です。
WordPressの管理画面にログインして、ダッシュボード画面から、「外観」→「メニュー」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/03/sketch-1648613223140.png?resize=557%2C698&ssl=1)
「メニューを編集」から、「新しいメニューを作成しましょう」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/03/sketch-1648613436579.png?resize=581%2C220&ssl=1)
メニュー構造にある、「メニュー名」に、グローバルメニューと入力、メニューの位置は、ヘッダーを選びます。
選んだら、「メニューを作成」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/03/sketch-1648614063817.png?resize=529%2C531&ssl=1)
パソコンに表示する場合、ヘッダーメニューに✓
スマホに表示する場合、ヘッダーモバイルメニューに✓
パソコンとスマホに、グローバルメニューを表示する場合、メニューの位置を、「ヘッダーメニュー」、「ヘッダーモバイルメニュー」両方に✓を入れます。
グローバルメニューに表示するメニュー項目を選ぶ
次は、今作成したグローバルメニューに表示する、メニュー項目を設定します。
固定ページ、投稿、リンク、カテゴリーから、好きなメニュー項目を選びましょう。
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
私は、固定ページを選びました。
固定ページに、お問い合わせページを作りたい人は、以下のページに詳しい作成方法を紹介しています。
>関連記事ワードプレス かんたんに作れる!お問い合わせフォームの作成方法 Cocoon
「メニュー項目を追加」から、好きなメニュー項目を選んで✓を入れたら、「メニューに追加」をクリックします。
すると、メニュー構造に、先ほど選んだメニューが追加されます。間違いなければ、「メニューを保存」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/03/sketch-1648615099652.png?resize=538%2C747&ssl=1)
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
これでグローバルメニューを作成できました!かんたんですよね。
ブログのトップページを開いて、グローバルメニューが表示されているか確認しましょう。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/03/20220330_134120.jpg?resize=684%2C149&ssl=1)
さらにメニューの横にアイコンを付けると、ブログのメニューが分かりやすく、おしゃれになりますよ。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/03/20220330_134420.jpg?resize=685%2C137&ssl=1)
>関連記事簡単!ワードプレスのヘッダーメニュー(グローバルメニュー)にアイコンを表示する方法 Cocoon
まとめ
グローバルメニューは、ヘッダーの部分に表示されるメニューで、読者の人が最も目につく場所です。
グローバルメニューを作成すれば、見て欲しいページなど、好きなメニューをヘッダーに表示できるので、サイトから情報を探しやすくなります。
ぜひ今回の記事を参考に、オリジナルのグローバルメニューを作成してみて下さいね。