WordPressテーマ「Cocoon」でヘッダーにグローバルメニューを表示する方法

Cocoon ブログ作成

ワードプレステーマ「Cocoon」で、ヘッダーにグローバルメニューを表示する方法をまとめました。

用語解説

ヘッダー

どのページが開かれても常に共通して表示されるWEB ページ上部の部分。

グローバルメニュー

サイトの主要コンテンツへのリンクが集約された目次。

ヘッダーの説明

ヘッダーにグローバルメニューを表示する方法

新規メニューの作成

ワードプレスメニューの「外観」→「メニュー」を選択します。「新規メニューを作成」をクリックします。メニュー名を入力できるようになるので、メニュー名を入力します(ここではグローバルメニューとしました)。「メニューを作成」ボタンをクリックすると、メニューが作成されます。

グローバルメニューの作成

メニューに表示する項目の追加

作成したメニューに項目を追加します。当サイトでは、固定ページから「プロフィール」と「プライバシーポリシー」をメニューに追加している他、主要なカテゴリーをメニューに追加しています。

固定ページの追加

「固定ページ」をクリックして、追加したいページのチェックボックスをONにして、「メニューに追加」ボタンをクリックします。

メニューの設定

カテゴリーの追加

「カテゴリー」をクリックして、追加したいカテゴリーのチェックボックスをONにして、「メニューに追加」ボタンをクリックします。

カテゴリーの追加

メニューの表示設定

メニュー設定の「メニューの位置」の項目にある「ヘッダーナビ」「モバイルヘッダーナビ」のチェックボックスをONにします。(「フッターナビ」のチェックボックスをONにするとページ下部のフッターにもメニューが表示されます。これもONにしておくのがオススメです。)

メニューの表示設定

「メニューを保存」ボタンを押して設定を保存します。

以上の手順で、ヘッダーにグローバルメニューを表示することができます。

まとめ

以上、ワードプレステーマ「Cocoon」で、ヘッダーにグローバルメニューを表示する方法をまとめました。まだヘッダーにメニューを表示していない方は是非参考にしてみてください。

コメント