WordPressのテーマにグローバルメニューを設定する手順を図解入りで丁寧に解説します。

 

 

 

今回は、WordPressブログにナビゲーションバーを設置する手順をわかりやすく解説していこうと思います。

 

ブログタイトルの下に、こんなバーがあるのを見たことがありますか?

 

 

バーの各ボタン(文字のところ)をクリックすると、そのページに移動することができます。

このバーは一般的に【ナビゲーションバー】【ナビゲーションメニュー】と呼ばれています。

WordPressでは単に【メニュー】と呼ばれます。

 

  • 訪問者さんにわかりやすく固定ページをリンクする
  • 訪問者さんがブログ内をスムーズに移動できるようにする
    (検索エンジンロボットのブログ内巡回もスムーズになってSEO的にも◎)

 

このような機能がありますので、ぜひ設置しておきましょう。

プロフィールや問い合わせページなどの【固定ページ】は、この【メニュー】からそのページへ移動できるように設定します。

(【投稿】と違い、書いただけではブログに表示されません^ ^;)

 

 

グローバルメニューの設置(設定)手順

 

それではさっそく設定手順を解説していきますね。

 

ダッシュボードの左メニュー【外観】から【メニュー】を選んでクリックしてください。

 

 

下のようなメニュー管理画面に切り替わります。

 

 

ボックスの中に【メニュー名】を入力しましょう。

ブログには表示されませんので、自分の管理用に、わかりやすい名前でOKです。

「ナビゲーションメニュー」にしてみました。

入力出来たら、右の【メニューを作成】ボタンをクリックしてください。

 

 

下のような画面に切り替わります。

 

 

左側にあるメニューを右側の【メニュー構造】に追加することで、ナビゲーションメニューが出来上がっていきます。

 

 

左側のメニューはナビゲーションメニューに組み込めるコンテンツです。

各メニュー名の右端にある【▼】をクリックすると、詳細が表示されます。

 

 

【固定ページ】

すでに作成されている固定ページのタイトルが表示されます。

固定ページが1つも作られていないと、ここには何も表示されません。

 

 

【投稿】

投稿記事が表示されます。

最近の記事が数記事表示されますので、もっとさかのぼった記事を選びたい時は「すべて表示」「検索」タブをクリックして探します。

 

 

【カスタムリンク】

固定ページでも投稿記事でもないページ(URL)を設定できます。

自分のブログではないページもURLを入力することで設定することが可能です。

 

 

【カテゴリー】

記事投稿の「カテゴリー」が表示されます。

最近よく使っているカテゴリーだけが表示されるので、他のカテゴリーも表示させたい場合は【すべて表示】タグをクリックしてください。

 

 

それでは実際にナビゲーションメニューを作成しましょう。

今回設定するメニューは5つです。

  • ホーム(トップページに戻るボタン)
  • サイトマップ
  • プロフィール
  • おすすめ教材レビュー
  • 問い合わせページ

 

 

 

はじめに、【ホーム】ボタンを作成します。

「トップページ」は固定ページでも投稿でもないので、【カスタムリンク】メニューを使って設定します。

 

カスタムリンクのメニューを開いたら、自分のブログのトップページのURLをボックスの中に入力(コピー&ペースト)します。

自分のブログのURLがわからなければ、ダッシュボードの左上のブログタイトルにカーソルを合わせてください(クリックしないでくださいね)。

 

 

ブログタイトルの下に【サイトを表示】が出ますので、キーボードの【CTRL】を押しながら【サイトを表示】をクリックします。

(CTRLを押しながらクリックすると、別窓でブログが表示されます)

 

 

今開いているタブの隣にブログのプレビューが開きますので、タブをクリックしましょう。

 

 

これがブログのURLです。

ドラッグして青く表示させてからコピー(キーボードのCTRL+C)します。

 

 

ボックスの中にペースト(CTRL+V)して、その下の【リンク文字列】にナビゲーションメニューに表示したい文字列を入力します。

たとえば、今【ホーム(トップページに戻る)】ボタンを作っているので、

  • ホーム
  • トップページ

などがわかりやすくていいかと思います。

 

今回は【ホーム】で作成しますね。

入力が完了したら【メニューに追加】ボタンをクリックしましょう。

 

 

右側の【メニュー構造】欄に【ホーム】が追加されました。

 

 

【ホーム】に続いて、4つの固定ページを【メニュー構造】欄に追加していきます。

左側の【固定ページ】の【▼】をクリックして、固定ページ一覧を開きます。

 

 

追加したい固定ページに【✔】を入れます。

 

 

チェックを入れたら、【メニューに追加】ボタンをクリックしてください。

 

 

右側の【メニュー構造】欄に4つの固定ページが追加されました。

 

 

これでナビゲーションバーに表示させたい固定ページが設定できました。

次に、順番を入れ替えてみます。

この【メニュー構造】の1番上が、ナビゲーションバーの1番左に表示されます。

ですので、今は【ホーム】がナビゲーションバーの1番左、【問い合わせページ】が1番右に表示されることになります。

 

この順番を下のように変更しようと思います。

  • ホーム
  • プロフィール
  • サイトマップ
  • おすすめ教材レビュー
  • 問い合わせページ

 

 

では、【プロフィール】を【ホーム】の下に移動させますね。

やり方はとっても簡単です。

【プロフィール】にカーソルを合わせると矢印が十字に変わります。

左クリックしたまま【ホーム】の下にドラッグ(移動)させます。

 

 

【プロフィール】が2番目に来ました。

 

 

同じやり方で、他の固定ページの順番も入れ替えてみてください。

完了形がこちらです。

 

 

次に【メニュー設定】をします。

赤枠の中を設定します。

 

 

【メニュー構造】で設定した【メニュー(グローバルメニュー)】を設置する場所を設定します。

  • ヘッダー用メニュー:ブログの上部(タイトル画像の上か下、テーマによって違います)
  • フッタ―用メニュー:ブログ下部
  • スマートフォン用メニュー:スマホ用のメニュー(レスポンシブ対応テーマに適用)

 

こだわりがなければ、全てに【✔】を入れてOKです。

フッタ―に設置していないブログも多々あるので(私もフッターにはあまり設置しないタイプ^ ^;)お好みで。

チェックを入れたら、右下の【メニューを保存】ボタンをクリックしてください。

 

これで設定は終了です。

 

 

ブログにはこんな感じで表示されます。

 

お疲れさまでした^ ^

 

 

 

PS.
  私、姫宮かのんは
  月150時間の残業から逃げるように会社を辞めて
  今はネットビジネスをしながら
  夢を叶えるために動物系の専門学校に通っています。

 クラスメイトのみんなが
  学校帰りに夜遅くまでバイトをしている間
  私は自宅でテレビを見ながらパソコンに向かっています^ ^

  夢を叶えるための資金と時間を手に入れるために
  副業でのネットビジネスの始め方、取り組み方、考え方を
  メルマガで詳しくお話ししていきます。

  ビジネスや具体的な作業について
  丁寧に解説したテキストやマニュアルもプレゼントしていますので
  「叶えたい夢があるけどお金も時間もない!」状態ならば
  ぜひ、下の画像をクリックしてメルマガ詳細をご確認ください☆

↓↓↓



コメント

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

プロフィール


姫宮かのんと申します。

激務から鬱病を発症した後、月残業150時間から何とか逃れたいとアフィリエイトを始めました。
今は大きな夢を叶えるために、専門学校に通いながらアフィリエイト活動を続けています。

このブログでは、知識も実績も自信もゼロから出発する初心者さんでも確実に稼げるようになるために、わかりやすさをモットーにあなた目線で知識と情報を配信していきます。

もう社会人だから…と諦めている夢はありませんか?
アフィリエイトで十分な資金と自由な時間を手に入れて、私のように夢を叶える一歩を踏み出しませんか?

詳しいプロフィールはこちら

ブログランキング参加中です^ ^
あなたの1クリックが
私の心の支えになってます♪

かのんが自信を持ってオススメ!!

アンリミテッドアフィリエイトNEO


稼ぐために必要な
ノウハウと手法を基礎から学べる
初心者必携の「教科書」です。
キチンと理解し正しく実践すれば
必ず稼げるようになります。

【Twitter】気軽にフォローしてくださいね☆

お世話になっている素材屋さん

Re:vre さま
Re:vre

あんずいろapricot×color さま