ブログ収益化 – WordPressグローバルメニューの作り方とカスタマイズ

今回は、WordPressでグローバルメニュー(以下、Global Menu)を作る方法とカスタマイズの仕方に関する解説です。

 

WordPressでグローバルメニューを作る方法とカスタマイズの仕方に関する解説動画

 

Global Menuとは

Global Menuとは、サイトのヘッダーの下に表示される目次です。

サイトマップも同様にサイトの目次ですが、サイトマップはサイトの「全記事一覧」であるのに対し、Global Menuは記事をカテゴリー別に分類した目次です。

 

Global Menuの役割

Global Menuの役割は、サイト訪問者が目的のページに簡単にアクセスでき、且つサイト全体のコンテンツ構成を分かり易く纏めることです。

よってGlobal Menuは、サイト訪問者が閲覧するテーマで構成するのが一般的です。

サイト訪問者が興味を引く項目をGlobal Menuを置き、閲覧したいページに直接アクセスできる他、異なるページにもアクセスする可能性が上がり、結果的にサイト訪問者の滞在時間が伸び、一人当たりのページ閲覧数が増加することで、SEO対策上の効果も期待できます。

 

Global Menuの作り方

 Global Menuは、以下の手順で作成します。

  1. Global Menuをクリック時に移動するページの作成
  2. Global Menuの作成
  3. Global Menuに、上記1.で作成したページの追加

詳細は動画をご覧ください。

 

1.クリック時の移動ページの作成

Global Menuをクリック時に移動するページは固定ページで作成します。

固定ページの作成方法は、WordPress管理画面のダッシュボードにおける左サイドメニューから、

「固定ページ」>「新規追加」

を選択します。

新規の固定ページ加画面を表示後、タイトルを入力します。

本文を入力後、パーマリンクをカスタム構造で設定する場合は、パーマリンクを編集します。

終了後、「公開」ボタンをクリックします。

以上で、メニューをクリック時に移動するページが作成されました。

 

2.Global Menuの作成

Global Menuの作成方法は、WordPress管理画面のダッシュボードにおいて、左サイドメニューから、

「外観」>「メニュー」

を選択します。

メニュー画面を表示後、「メニュー名」の欄に”グローバルメニュー”と入力します。

入力後、「メニューを作成」をクリックします。

以上で、Global Menuが作成されました。

 

3.Global Menuに、上記1.で作成したページの追加

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をペーストします。その下の「リンク文字列」欄に、トップページの場合は「トップページ」、記事の場合はタイトルを入力して、「メニューに追加」をクリックします。

追加したページが「メニュー構造」に表示されるので、ドラッグアンドドロップで移動します。

設定後、「メニューを保存」をクリックします。

このようにグローバルメニューは簡単に作成できます。

是非、設置してみてください。

 

コメント

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