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

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

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

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

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

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

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

目次

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

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

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

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

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

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

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

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

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

ヘッダーメニューの位置

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

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

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

参考になりましたら是非シェアしてください!

―さらにじっくりワードプレスを使いこなせるようになるために―

  • ガッツリマンツーマンサポートでサイト作成を進める!
  • わからないことは気軽にチャットで相談できる!
  • 定期的にワードプレスと向き合う時間を確保する!

知識ゼロからでもワードプレスを使いこなして、自分のホームページを想い通りに作り込めるようになる!
3カ月~12カ月、じっくりワードプレスに取り組む時間を作り習得を早めて
一人でも自由自在に発信できるようになりたいあなたへ。

ワードプレスHP創育コース

この記事を書いた人

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

コメント

コメントする

目次
閉じる