ワード プレス グローバル メニュー 作り方:初心者さんにもわかりやすく解説!

当サイトでは一部のリンクが広告を含む場合がございます。ご理解いただけますと幸いです(•ᵕᴗᵕ•)⁾⁾

ブログ作りを始めたばかりの人の多くは『グローバルメニュー???』と聞きなれない言葉に拒否反応が出ていませんか?そうですよね~分かります!私もその一人でした(^▽^;)

ここでは初心者の方が理解しやすいように、「グローバルメニューとは?」というところから、「作り方」までのステップをわかりやすくお伝えしますので、安心してついて来てくださいね。では早速行ってみましょう!

クリックでジャンプできる目次

グローバルメニューとは?

はぴねこ

グローバルメニューって何?

かのみ

ざっくり言えば、サイトの上部に常に表示されるナビゲーションメニューのことだよ↓

サイト上のグローバルメニューの位置

HOME やお問合せやカテゴリーなど、サイト訪問者が探している情報へすぐにアクセスできるように、リンクを整理して表示してくれるツールです。

グローバルメニューの作り方

では実際にグローバルメニューの作り方を見ていきましょう!

STEP
WordPressのダッシュボードへログイン

まずは基本から。あなたのサイトにログインして、ダッシュボードを開いてくださいね。


\ログインの仕方忘れちゃった方だけこちらへ どうぞ/

STEP
「外観」>メニューをクリック

ダッシュボードのサイドメニューにある「外観」を見つけてクリック。色んな機能が並んでいる中から、「メニュー」を選択してください。

ワードプレスの外観>メニュー
STEP
メニューの名前を決める

「メニューを編集」が表示されます。

メニュー欄でメニュー名、メニュー設定、メニューを作成の場所

見えにくいので拡大しますね
「メニュー名」の欄には、
自分が後でわかりやすい名前を入力。
ここではグローバルメニューと記載

メニュー設定では、
設定したい位置を選択します。
ここではグローバルナビを選択。
次に『メニューを作成』をクリック

メニューこうz0王にグローバルメニュー メニュー設定にグローバルナビ、メニューを作成ボタン
かのみ

上記で『スマホ用ヘッダーにもチェックを入れると、スマホにも同じように表示されますよ!

STEP
メニューのアイテムを追加

固定ページ、投稿、
カスタムリンク・カテゴリーが
左側で選択できるようになっています。
あなたのサイトに
必要なアイテムをクリックして、
「メニューに追加」を選んでください

メニュー項目を追加するときの手順

すると右側の『メニュー構造』側に
選択したメニューが追加されるのを
確認できます。

メニュー項目で選択したものが右隣のメニュー構造欄に表示される
STEP
アイテムの順番を整理&表示位置の確認

メニューに追加したアイテムは、ドラッグ&ドロップで簡単に順番変更が可能です。訪問者が使いやすいように考えて配置してくださいね。


\ 音は出ないよ! /

はぴねこ

スマホで見る場合はスライダーで右側に行きカッコの部分をクリックしたら、全画面表示されるよ!

メニュ編集画面と実際の見え方を比較

メニュー編集画面の項目と
グローバルメニューの見え方の関係になります↓

メニュー編ユウ画面と実際のサイトメニュー欄の見え方

メニュー編集画面の項目と
グローバルメニューの見え方の関係その2といたしまして、
お問合せの位置を変えたのと、
SWELLをサイト構築の下の階層にした例です。

メニュー設定を少し変更した際のサイトでの見え方
STEP
変更を保存

全ての設定が終わったら、
画面一番右下の「メニューを保存」ボタンをクリック。
これで、あなたのグローバルメニューがサイト上に表示されます。

画面みぎしたの メニュー保存ボタンの位置

まとめ

いかがでしたか?「グローバルメニュー」を上手に使うことで、あなたのサイトはもっと訪問者にとって使いやすく、魅力的なものに変わるはずです。

最初はちょっと難しそうに思えるかもしれませんが、一歩一歩進めばきっと大丈夫。あなたのサイトがさらに素敵になる日を楽しみにしています!一緒に頑張りましょう!

クリックでジャンプできる目次