WordPressでは、投稿記事を作っても、メニューとして、トップページに自動的に表示されるわけではありません。
今回は基本的なメニューの設定方法や、簡単なカスタマイズ方法をご紹介します。
基本的なメニューの設定
メニュを設定していない場合、下記のように何も表示されません。
まずは固定ページを追加する方法をご紹介します。
メニュー設定手順
①管理画面の外観>メニューをクリックする。
②メニュー名、必要な設定をし、「メニューを作成」ボタンをクリックする。
※ここでは試しに、
メニュー名:menu、ヘッダーナビのみ選択してみます。
項目 | 説明 |
---|---|
固定ページを自動追加 | |
このメニューに新しいトップレベルページを自動的に追加 | 固定ページを作成した際に、自動的にメニューに項目を追加したい場合にチェックをONにする。 |
メニューの位置 | |
ヘッダーナビ | PC版の上部にメニューを表示させる場合にチェックをONにする。 |
モバイルヘッダーナビ(サブ不可) | モバイル版の上部にメニューを表示させる場合にチェックをONにする。 |
フッターナビ(サブ不可) | PC版/モバイル版の両方の下部にメニューを表示させる場合にチェックをONにする。 |
※メニューの位置の詳細は下部ご参照。
③左側の「メニュー項目を追加」から、表示させたい項目のチェックをONにし、
「メニューに追加」ボタンをクリックする。
④メニュー構造に、追加した項目が表示されたことを確認し、「メニューを保存」ボタンをクリックする。
⑤画面上部に「<設定したメニュー名>を更新しました。」のメッセージが表示される。
⑥サイトのトップページを再表示すると、画面上部にメニューが追加されたことが確認できる。
※すでにサイトを開いている場合は、F5キーをクリックする。
メニューの位置
上部でご説明したよう、メニューの位置は下記3種類設定ができます。
ヘッダーナビ
ヘッダーナビを選択した場合、
PC版のヘッダーにはメニューが表示されますが、
PC版のフッターとモバイル版には表示されません。
PC版
モバイル版
モバイルヘッダーナビ(サブ不可)
モバイルヘッダーナビを選択した場合、
モバイル版のヘッダーにはメニューが表示されますが、
PC版のヘッダー/フッターには表示されません。
また、メニューの階層表示はできません。
PC版
モバイル版
フッターナビ(サブ不可)
フッターナビを選択した場合、
PC版とモバイル版のフッターにはメニューが表示されますが、
PC版のヘッダーとモバイル版のヘッダーには表示されません。
PC版
モバイル版
まとめ
いかがでしたか?
今回は基本的なメニューの追加方法をご紹介しました。
追加できましたか?
記事の種類によるメニューの追加方法の違いや、カスタマイズ方法は別途ご紹介したいと思います。