ワードプレスでメニューを作る方法【ヘッダーメニュー・グローバルナビゲーション】

ワードプレスでメニューを作る方法

こんにちは、ナカニシキョウ(@KMystage)です^^

ワードプレスで作ったブログやホームページのヘッダー付近にメニューを作成する方法をまとめていきます。

今回作るのは
  • ヘッダーメニュー
  • ヘッダーナビゲーション

ワードプレステーマによって名前や表示のされ方は変わってきますが、サイトタイトルやヘッダー画像付近に表示されるメニューです。

サイトの上部にメニューがあることで、「このホームページにはこんな内容が書いてあるよ!」とパッと見で伝えることができるので、読者さんにとってとても親切なサイトになります!

それではやってみましょう!

目次

ヘッダーメニュー・ヘッダーナビゲーションを設定しよう

ワードプレスの管理画面の【外観】>【メニュー】をクリックします。

初めてメニューを作る際、まだ1つもメニューがない状態の時は下記のような表記になります。

ワードプレスでヘッダーメニューを作る
  1. 【メニュー構造】>「メニュー名」に「ヘッダーメニュー」などのわかりやすい名前を付けます。
  2. 【メニュー設定】>「メニューの位置」で「ヘッダーメニュー」に該当するものを選択します。
  3. 【メニューを作成】をクリックします。
ヘッダーメニューの作り方

【メニュー設定】>「メニューの位置」に書かれているヘッダーメニューの呼び方は、ワードプレステーマによって違ったりするので、ご自身の使われているテーマではどんな名称になっているか確認してみてくださいね^^

テーマ別ヘッダーメニューの呼び方
  • Cocoon…ヘッダーメニュー
  • Lightning…Header Navigation
  • Luxeritas…ヘッダーナビ(グローバルナビ)
  • JIN…グローバルナビゲーション
  • SWELL…グローバルナビ

「ヘッダーメニュー」ができたので、

  • 【メニュー項目を追加】からメニューに表示させたい項目を選んで
  • 【メニューに追加】をクリック
  • すると、選んだ項目が右側に移動します。
  • 表示させたい項目をすべて右側に表示できたら【メニューを保存】をクリック
ヘッダーメニューを作る方法
【メニュー項目を追加】で選べる項目
  • 固定ページ…【会社概要】や【サービス内容】【メニュー】【お問合せ】など、固定ページで作成したページ
  • 投稿…ブログ記事として【投稿】したページ
  • カスタムリンク…外部サイトやSNS(twitter・facebook・youtube・アメーバブログ)などを表示させたい場合
  • カテゴリー…【投稿】でカテゴリー分けしていて、カテゴリーごと表示させたい場合

ヘッダーメニュー・グローバルナビゲーションの位置

ヘッダーメニューの位置

お使いのテーマによって、ヘッダーメニュー(グローバルナビゲーション)の位置は変わってきます。

テーマによってはデザインスキンなどを使えるものもあり(Cocoon・Lightning・JINなど)、デザインスキンによってもメニューの位置が変わったりしますので、ご自身が使っているテーマ(スキン)はどこにヘッダーメニューが出るのか確認しておきましょう!

ワードプレスでメニューを作る方法

この記事が気に入ったら
いいね または フォローしてね!

参考になりましたら是非シェアしてください!
  • URLをコピーしました!
  • URLをコピーしました!

―あなたに合わせたワードプレスホームページをつくりましょう!―

MY STAGE B3つのプラン

MY STAGE Bでは

  • ワードプレスでホームページを作ってほしい!
  • ワードプレスでホームページを自分で作りたい!
  • ワードプレスホームページの継続的なスキルアップをサポートしてほしい!

といったご希望にお答えできる3つのプランをご用意しています。

WEBを活用してあなたのサービスをもっと想い通りに発信できるスキルを手に入れませんか?

この記事を書いた人

WEB活用アドバイザー
劇場プロデューサー⇒ECサイトのWEBディレクターを経て、ワードプレスの立ち上げサポートや使い方のマンツーマンレッスン、WEBを活用したビジネスのサポートをしています。「サービスを自分の手で発信する力を」身に付けてビジネスをわくわくするものにしていきましょう^^

コメント

コメントする

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次