ワードプレスでサイトのメニュー(ヘッダー・フッター)を設定する方法

ヘッダーフッターメニュー WordPress

ワードプレスでサイトを作成した時に、すべてのページの上にメニューを表示させたい場合や、ページの下にメニューを表示させたい場合がありますよね?

今回はページの上(ヘッダーメニュー)とページの下(フッターメニュー)の設定方法を記載します。

スポンサードリンク

ヘッダーメニュー・フッターメニュー設定後の画面

先にヘッダーメニューの設定をするとどのような表示になるかかと言うと・・・。

ヘッダーメニューサンプル

このようになります。

ヘッダーメニューは『ホーム』のみの表示としました。(もちろんカスタマイズ可能です)

ホーム』ボタンをクリックするとトップページが表示されます。

次の章で設定方法を記載しています。

 

フッターメニューはこのようにしました。

フッターメニューサンプル

お問い合わせ、サイトマップ、プライバシーポリシーは固定ページであらかじめ作成しているものとします。

一般的には固定ページを入れるのが主流と思いますが、ヘッダー・フッターメニューのどちらも投稿ページを入れることも可能です。

続いて設定する方法を紹介します。

スポンサードリンク

ワードプレスでページのメニューを設定する方法

ヘッダーメニューの設定方法

ワードプレスの管理画面より、『外観』→『メニュー』をクリックします。

ワードプレス外観メニュー

 

『ヘッダー(任意)』を入力し、『メニューを作成』ボタンをクリックします。

ワードプレスヘッダーメニューの作成

メニュー設定では『ヘッダーナビ』を選択します。

固定ページを選択し、さらに『すべて表示』を選択します。

『ホーム』にチェックを入れ、『メニューに追加』ボタンをクリックします。

ワードプレスヘッダーメニュー構造の設定

 

先ほどチェックした『ホーム』が追加されるので、『メニューを保存』をクリックします。

ヘッダーのメニュー構造に追加される

 

この操作でヘッダーメニューの設定は完了です。

ページを更新すると反映されているはずです。

フッターメニューの設定

続いてフッター用のメニューを作成します。

『新しいメニューを作成しましょう。』をクリックします。

ワードプレスヘッダー、フッター新しいメニューの作成

 

メニュー名に『フッター』を入力し、『メニューを作成』ボタンをクリックします。

ワードプレスフッターメニューの作成

 

『フッターナビ』にチェックを入れます。

固定ページを選択し、さらに『すべて表示』を選択します。

『ホーム』『お問い合わせ』『サイトマップ』『プライバシーポリシー』にチェックを入れ、『メニューに追加』ボタンをクリックします。

ワードプレスフッターメニュー構造の設定

 

メニュー構造に追加されるので『メニューを保存』ボタンをクリックします。

フッターのメニュー構造に追加される

 

以上の操作でフッターの設定は完了です。

 

スポンサードリンク

固定ページの名前を変えてメニューに表示させる方法

上記の操作で気づいたかも知れませんが、ページのタイトルがメニューに反映されます。

・固定ページのタイトル
『エックスサーバーでワードプレス使ってブログやサイトを作る方法』

・URL
https://ass-hp.work/page-242/

を『WPの設定』と言う名前でメニューに表示させたいと思います。

ヘッダーメニューに『WPの設定』を追加する方法

先ほど作成した、ヘッダーを選択します。

ワードプレスメニューヘッダーナビを選択

 

カスタムリンクを選択し、URLに固定ページのURLを入力します。

リンク文字列に『WPの設定』を入力します。

『メニューに追加』ボタンをクリックします。

ワードプレスメニューカスタムリンク

 

『WPの設定』が追加されました。

『メニューを保存』ボタンをクリックすると反映されます。

ワードプレスのヘッダーメニューにカスタムリンクを追加

 

以上の操作で各ページにおけるヘッダーメニュー・フッターメニューのカスタマイズができます。

タイトルとURLをコピーしました