THE THOR で設定できる「メニュー」は全部で5つ。
通常の「メニュー」の項目から設定できる3つのメニューと、ハンバーガーメニューから表示させるメニューパネル、それからモバイル用のフッター固定メニューです。
これらを設定する場所があちこちに分散されていて、どこから設定するのか分かりづらいと思うので、ここで初心者の方向けの設定方法と併せて紹介しておきます。
通常の「メニュー」項目から設定できるメニュー
カスタマイザーの「メニュー」項目か、WordPress 管理画面「外観」＞「メニュー」から設定できるメニューです。
個人的には、直感的に操作できるカスタマイザーから設定を行うのがおすすめです。
各メニューが表示される場所
ヘッダーエリア
ページ上部のタイトル横（ヘッダーのレイアウトをダイナミックに設定している場合はタイトル下）に表示されるメニューです。モバイルからの表示ではスライドメニューになります。
ヘッダーレイアウト：シンプル
ヘッダーレイアウト：ダイナミック
フッターエリア
ページ最下部のコピーライト表示部分の上に置かれるメニューです。
メニューパネル内エリア（スマホ限定）
画面右上のハンバーガーメニューから表示できるメニューパネル内に、モバイルからのアクセス時のみ表示されるメニューです。メニューパネルの項目の上に、ここから設定したメニューが表示されます。
PCから見た時には赤枠の部分と、その上のSNSアイコンのエリアは表示されません。
メニューの設定方法
カスタマイザーの「メニュー」から設定します。
「項目を追加」をクリックすると右側に設定できる項目の一覧が現れるので、メニューに表示したいものを追加していってください。
ハンバーガーメニューから表示するメニューパネル
メニューが表示される場所
PC から見た場合も（このメニューを表示する設定にしていれば）画面右上に表示されるハンバーガーメニューをクリックすれば、右側からメニューパネルが出てきます。
メニューの設定方法
WordPress 管理画面 ＞ 外観 ＞ ウィジェット と進んでください。
ウィジェット設定画面の右側「メニューパネル」をクリックして、左側にある「利用できるウィジェット」をドラッグ＆ドロップで追加していきます。（PCから見た時のサイドバーと同じようなエリアです）
モバイル用フッター固定メニュー
メニューが表示される場所
モバイル端末から見た時に、画面一番下に固定で表示されている帯メニューです。（サンプルはパネルメニューのところなどを見てください）
メニューの設定方法
カスタマイザー ＞ 共通エリア設定 ＞ 固定フッターエリア設定[スマホ専用] と進み、固定フッターメニューを「表示させる」を選びます。
表示・非表示と区切り装飾の設定
区切り装飾というのは、フッター固定メニューとコンテンツ領域の境目のデザインのことです。
デフォルトでは「なし」になっていますが、シャドウ（影）とボーダー（ライン）が選べます。
メニューに表示する項目の設定
モバイル用のフッター固定メニューには、4つまでのアイコンメニューを表示させることができます。
- 項目1：ホームボタン
- 項目2：SNS ボタン
- 項目3：メニューボタン
- 項目4：電話ボタン
このアイコンの並び順は上記のように決まっていますが、それぞれデフォルトの設定のボタンか任意のリンクボタン（アイコンも選択可）を選んで表示することができます。
例として項目4の「電話ボタン」を「自由設定リンクボタン」に変更してみましょう。
表示する項目のプルダウンから「自由設定リンクボタン」を選択し、タイトル・リンク先URL・アイコンのコード（アイコン一覧からコードをコピーできます）を入力して「公開」をクリックすると…
こんな感じで表示されます。
