04_ヘッダーメニュー・フッターメニューの作成

メニューの作成

メニュー画面に入る

左サイドメニュー「外観」⇒「メニュー」でメニュー設定画面に入ります。

ヘッダーメニュー

ヘッダーメニューは、ページ上部にあるメニューです

▼テーマによりデザインは変わります

ヘッダーメニューを作成する

  • メニュー名欄に「ヘッダーメニュー」と入力して「メニューを作成」ボタンをクリック

  • 作成したヘッダーメニューのメニュー構造画面が表示されるので、下のメニュー設定のメニューの位置で「メイン」にチェックを入れて、一旦「メニューを保存」ボタンをクリック

  • 左側のメニュー項目の「固定ページリスト」の「全て表示」をクリックしてから、ヘッダーメニューに必要な項目を選択して、メニューに追加していきます

  • トップページに指定したサンプルページには、ページ名が「サンプルページ」になっているので、表示を「HOME」(またはホーム)に変更しておきます

▼表示がHOMEになりました

  • 左側のメニュー項目の「カテゴリーリスト」の「全て表示」をクリックしてから、ヘッダーメニューに必要な項目を選択して、メニューに追加していきます

※ヘッダーメニューで表示させたい単独の「投稿記事」があれば、同じようにしてメニューに追加します。

  • 下の画像の用意メニューができます。
    少し下がっている項目は、副項目といって、上の項目にマウスカーソルを充てると表示されます

副項目例

フッターメニュー

フッターメニューは、ページ下部のフッター部分にあるメニューです、

▼テーマによりデザインは変わります

また、テーマによりフッターメニューの設定ができないものがあります。
その場合は、ヘッダーメニューの設定がフッターメニューにも反映されたり、そもそもフッターメニューの表示機能がない場合もあります。

フッターメニューの作成

  1. 「新しいメニューを作成しましょう。」をクリックします
  2. 「メニュー構造画面」の「メニュー名」を「フッターメニュー」と入力して「メニューを作成」ボタンをクリック

  • 作成したフッターメニューのメニュー構造画面が表示されるので、下のメニュー設定のメニューの位置で「フッターメニュー」にチェックを入れ、「メニューを保存」ボタンをクリック

あとは、ヘッダーメニューと作成方法は同じです。

ただし、フッターメニューは、副項目は表示されませんので、表示したい場合は、全部左側を揃えてください。

サイドバーメニュー

サイドバーに置くメニューのことですが、サイドバーに限らず、単に縦並びのメニューですので、フッターエリアなどにも置けます。

▼テーマによりデザインは変わります

サイドバーメニューの作成

  1. 「新しいメニューを作成しましょう。」をクリックします
  2. 「メニュー構造画面」の「メニュー名」を「サイドバーメニュー」と入力して「メニューを作成」ボタンをクリック

あとは、ヘッダーやフッターメニューと同じように作っていきます。

※サイドバーメニューは、サイドバーに良く配置するのでそう呼んでいるだけです。
名前を変えれば複数作ることができ、ウィジェットの「ナビゲーションメニュー」ボタン(機能)を使うことで配置できます。

▼ナビゲーションメニュー例