今回は、WordPressでグローバルメニュー(以下、Global Menu)を作る方法とカスタマイズの仕方に関する解説です。
WordPressでグローバルメニューを作る方法とカスタマイズの仕方に関する解説動画
Global Menuとは
Global Menuとは、サイトのヘッダーの下に表示される目次です。
サイトマップも同様にサイトの目次ですが、サイトマップはサイトの「全記事一覧」であるのに対し、Global Menuは記事をカテゴリー別に分類した目次です。
Global Menuの役割
Global Menuの役割は、サイト訪問者が目的のページに簡単にアクセスでき、且つサイト全体のコンテンツ構成を分かり易く纏めることです。
よってGlobal Menuは、サイト訪問者が閲覧するテーマで構成するのが一般的です。
サイト訪問者が興味を引く項目をGlobal Menuを置き、閲覧したいページに直接アクセスできる他、異なるページにもアクセスする可能性が上がり、結果的にサイト訪問者の滞在時間が伸び、一人当たりのページ閲覧数が増加することで、SEO対策上の効果も期待できます。
Global Menuの作り方
Global Menuは、以下の手順で作成します。
- Global Menuをクリック時に移動するページの作成
- Global Menuの作成
- Global Menuに、上記１．で作成したページの追加
詳細は動画をご覧ください。
１．クリック時の移動ページの作成
Global Menuをクリック時に移動するページは固定ページで作成します。
固定ページの作成方法は、WordPress管理画面のダッシュボードにおける左サイドメニューから、
「固定ページ」＞「新規追加」
を選択します。
新規の固定ページ加画面を表示後、タイトルを入力します。
本文を入力後、パーマリンクをカスタム構造で設定する場合は、パーマリンクを編集します。
終了後、「公開」ボタンをクリックします。
以上で、メニューをクリック時に移動するページが作成されました。
２．Global Menuの作成
Global Menuの作成方法は、WordPress管理画面のダッシュボードにおいて、左サイドメニューから、
「外観」＞「メニュー」
を選択します。
メニュー画面を表示後、「メニュー名」の欄に”グローバルメニュー”と入力します。
入力後、「メニューを作成」をクリックします。
以上で、Global Menuが作成されました。
３．Global Menuに、上記１．で作成したページの追加
Global Menuを作成後、先に作成した固定ページをGlobal Menuに追加します。
手順は、メニュー画面左側の固定ページから、先に作成した固定ページを選択してチェックを入れ、「メニューに追加」をクリックします。
これでメニュー画面中央の「メニュー構造」の下に、固定ページが追加されます。
次に「メニュー構造」の下、「メニュー設定」－「メニューの位置」から、「ヘッダーナビ」を選択してチェックを入れます。
設定後、「メニューを保存」をクリックします。
Global Menuのカスタマイズ
Global Menuは、項目の順番を入れ替え、固定ページ・トップページ・記事をGlobal Menuに追加する等のカスタマイズが可能です。
Global Menuの項目の順番をカスタマイズする方法
Global Menuの項目の順番は、任意に変更することが可能です。
変更方法は、マウスでドラッグアンドドロップして移動させます。
設定画面で上から表示されている順番で、サイト上のGlobal Menuでは左から表示されます。
トップページや記事をGlobal Menuに追加する方法
また、トップページや記事をGlobal Menuに追加することも可能です。
追加方法は、Global Menuに追加するページのURLをコピーします。
コピー後、WordPress管理画面のダッシュボードを開いて、左サイドメニューから、
「外観」＞「メニュー」
を選択して、メニューの画面に戻ります。
メニュー画面の左の欄の「カスタムリンク」のプルダウンをクリックします。
そして「URL」欄にコピーしたページのURLをペーストします。その下の「リンク文字列」欄に、トップページの場合は「トップページ」、記事の場合はタイトルを入力して、「メニューに追加」をクリックします。
追加したページが「メニュー構造」に表示されるので、ドラッグアンドドロップで移動します。
設定後、「メニューを保存」をクリックします。
このようにグローバルメニューは簡単に作成できます。
是非、設置してみてください。
コメント