皆さま引き続きコロナには気をつけてお過ごしください!

【WordPress】メニューを追加するにはどうすればいい?
(固定ページの追加方法)

WordPress


WordPressでは、投稿記事を作っても、メニューとして、トップページに自動的に表示されるわけではありません。

今回は基本的なメニューの設定方法や、簡単なカスタマイズ方法をご紹介します。

メニュー

 

スポンサーリンク

基本的なメニューの設定

メニュを設定していない場合、下記のように何も表示されません。

メニューなし

 

まずは固定ページを追加する方法をご紹介します。

メニュー設定手順

①管理画面の外観>メニューをクリックする。

②メニュー名、必要な設定をし、「メニューを作成」ボタンをクリックする。
※ここでは試しに、
メニュー名:menu、ヘッダーナビのみ選択してみます。

メニュー設定

項目 説明
固定ページを自動追加
このメニューに新しいトップレベルページを自動的に追加 固定ページを作成した際に、自動的にメニューに項目を追加したい場合にチェックをONにする。
メニューの位置
ヘッダーナビ PC版の上部にメニューを表示させる場合にチェックをONにする。
モバイルヘッダーナビ(サブ不可) モバイル版の上部にメニューを表示させる場合にチェックをONにする。
フッターナビ(サブ不可)  PC版/モバイル版の両方の下部にメニューを表示させる場合にチェックをONにする。

※メニューの位置の詳細は下部ご参照。

③左側の「メニュー項目を追加」から、表示させたい項目のチェックをONにし、
「メニューに追加」ボタンをクリックする。

メニュー追加

④メニュー構造に、追加した項目が表示されたことを確認し、「メニューを保存」ボタンをクリックする。

メニュー保存

⑤画面上部に「<設定したメニュー名>を更新しました。」のメッセージが表示される。

メニュー追加完了

⑥サイトのトップページを再表示すると、画面上部にメニューが追加されたことが確認できる。
※すでにサイトを開いている場合は、F5キーをクリックする。

メニュー追加結果

 

スポンサーリンク

メニューの位置

上部でご説明したよう、メニューの位置は下記3種類設定ができます。

 

ヘッダーナビ

ヘッダーナビを選択した場合、
PC版のヘッダーにはメニューが表示されますが、
PC版のフッターとモバイル版には表示されません。

ヘッダーナビ

PC版

メニュー追加結果

モバイル版

モバイル版

 

モバイルヘッダーナビ(サブ不可)

モバイルヘッダーナビを選択した場合、
モバイル版のヘッダーにはメニューが表示されますが、
PC版のヘッダー/フッターには表示されません。

また、メニューの階層表示はできません。

モバイルヘッダーナビ

PC版

モバイルヘッダーナビ設定結果

モバイル版

モバイルヘッダーナビ表示結果(モバイル)

 

フッターナビ(サブ不可)

フッターナビを選択した場合、
PC版とモバイル版のフッターにはメニューが表示されますが、
PC版のヘッダーとモバイル版のヘッダーには表示されません。

フッターナビ

PC版

 フッターナビ選択結果

モバイル版

 フッターナビ選択結果(モバイル版)1 フッターナビ選択結果(モバイル版)2

 

スポンサーリンク

まとめ

いかがでしたか?

今回は基本的なメニューの追加方法をご紹介しました。

追加できましたか?

記事の種類によるメニューの追加方法の違いや、カスタマイズ方法は別途ご紹介したいと思います。

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