今回は、WordPressでグローバルメニューを作る方法とカスタマイズの仕方についての解説です。
WordPressでグローバルメニューを作る方法とカスタマイズの仕方についての解説動画
グローバルメニューとは
グローバルメニューとは、サイトのヘッダーの下に必ず固定表示される、いわゆる「目次」です。
サイトマップもあなたのサイトの「目次」ですが、サイトマップはあなたのサイトの「全記事一覧」であるのに対し、グローバルメニューは、あなたのサイトのページをある程度カテゴリー別に分類した「主要なページ」のみで構成される目次です。
グローバルメニューの役割
グローバルメニューの役割は、サイト訪問者が目的のページに簡単にアクセスできるようにするだけでなく、サイト全体のコンテンツ構成を分かりやすくする点にあります。
グローバルメニューは、サイト訪問者が絶対に閲覧するであろうページのリンクで構成するのが一般的です。
サイト訪問者が、閲覧したいページにすぐにアクセスできたり、サイト訪問者の興味を引く項目をグローバルメニューを置くことで、ほかのページにもアクセスしてもらえたりするようになり、結果的に、サイト訪問者のサイト滞在時間を伸ばすことや、一人当たりのページ閲覧数を上げることにつながり、SEO対策上の効果も期待できます。
グローバルメニューの作り方
グローバルメニューは次の手順で作成します。
１．グローバルメニューをクリックしたときに移動するページの作成
２．グローバルメニューの作成
３．グローバルメニューに、上記１．で作成したページの追加
詳しくは動画をご覧ください。
１．クリックしたときの移動ページの作成
グローバルメニューをクリックしたときに移動するページは固定ページで作成します。
固定ページの作成の仕方は、WordPressの管理画面のダッシュボードを開いて、左サイドメニューから、
「固定ページ」＞「新規追加」
を選択します。
新規固定ページの追加画面が表示されたら、タイトルを入力します。
本文を記入したら、パーマリンクをカスタム構造に設定しいる場合は、パーマリンクを編集します。
終わったら、「公開」をクリックします。
これで、メニューをクリックしたときにとんでいくページの作成が完了しました。
２．グローバルメニューの作成
グローバルメニューの作成方法は、WordPressの管理画面のダッシュボードを開いて、左サイドメニューから、
「外観」＞「メニュー」
を選択します。
メニューの画面が表示されたら、「メニュー名」の欄に、「グローバルメニュー」と入力します。
入力できたら、「メニューを作成」をクリックします。
これでグローバルメニューの作成が完了しました。
３．グローバルメニューに、上記１．で作成したページの追加
グローバルメニューの作成ができたら、先ほど作成した固定ページをグローバルメニューに追加します。
追加の仕方は、メニュー画面の左側にある「固定ページ」の欄から、先ほど作成した固定ページページを選択してチェックを入れて、「メニューに追加」をクリックします。
メニュー画面中央にある「メニュー構造」の下に、固定ページが追加されていれば、グローバルメニューへの追加は完了です。
次に、「メニュー構造」の下にある「メニュー設定」の「メニューの位置」から、「ヘッダーナビ」を選択してチェックを入れます。
最後に、「メニューを保存」をクリックします。
グローバルメニューのカスタマイズ
グローバルメニューは、項目の順番を入れ替えたり、固定ページだけでなく、トップページやブログ記事をグローバルメニューに追加する等のカスタマイズも簡単にできます。
グローバルメニューの項目の順番をカスタマイズする方法
グローバルメニューの項目の順番は、自由に変更することができます。
変更方法は、ドラッグアンドドロップで移動させて簡単に変えることができます。
上に表示されている項目が、グローバルメニューの一番左に表示されます。
トップページやブログの記事をグローバルメニューに追加する方法
トップページやブログの記事をグローバルメニューに追加することもできます。
追加方法は、グローバルメニューに追加したいページのURLをコピーします。
コピーしたら、WordPressの管理画面のダッシュボードを開いて、左サイドメニューから、
「外観」＞「メニュー」
を選択して、メニューの画面に戻ります。
メニュー画面の左の欄の「カスタムリンク」のプルダウンをクリックします。
「URL」欄に、先ほどコピーしたページのURLを貼り付けます。その下の「リンク文字列」欄に、トップページの場合は「トップページ」、ブログ記事の場合はブログ記事のタイトルを入力して、「メニューに追加」をクリックします。
追加したページが「メニュー構造」の一番下に表示さるので、ドラッグアンドドロップで表示させたい順番に移動します。
終わったら、「メニューを保存」をクリックします。
グローバルメニューは簡単に作成できますので、ぜひ、あなたのサイトにも設置してみてください。
