【THE THORグローバルメニューのカスタマイズ】初心者向に画像付きで解説

今回は、THE THOR（ザ・トール）グローバルメニューのカスタマイズ方法についてお伝えします。

グローバルメニュー以外のTHE THORのカスタマイズ方法は、こちらにまとめてありますので参考になさってください。

関連記事

【THE THORトップページのカスタマイズガイド】画像見ながら探せる

初心者さん・THE THORのTOPページをカスタマイズをしたいけど、ここの名前ってなに？・THE THORのTOPページは、なにからカスタマイズすればいい？ Chi[…]

THE THORグローバルメニューカスタマイズの流れ

当ブログでは、THE THORを購入したけれど「使い方がわからない…」という方のためにカスタマイズサポート・カスタマイズ代行をお受けしています。

これからブログをはじめる方のお悩み相談や、WordPressの相談・設定代行もお気軽にお問い合わせください。

お問い合わせはこちら

【STEP1】グローバルメニューに必要なページを作成

まずは、グローバルメニューに必要なページを作成します。

最低限必要なページは下記の４ページです。新規固定ページから作成しましょう。

・お問い合わせページ：読者さんからのお問い合わせを受けるためのページ
・プロフィールページ：どんな人がブログを運営していかわかるページ
・プライバシーポリシーページ：個人情報保護の法律で必要とされているページ
・サイトマップページ：ブログのもくじのようなページ・SEO対策のため

個人情報保護に関する法律で必要とされているので、お問い合わせページを設置したら、必ずプライバシーポリシーページも設置するようにしてください。

必要なページを作成できたら、グローバルメニューのカスタマイズをしましょう。

【STEP2】グローバルメニューの表示できる位置を確認

THE THORはグローバルメニューの表示できる位置が３箇所あります。

・ヘッダーエリア（ページ上部）
・フッターアリア（ページ下部）
・メニューパネル内エリア（メニューアイコンをクリックして開く）

メニュー内容は、3箇所とも同じメニュー内容にカスタマイズすることも、異なるメニュー内容にカスタマイズすることもできます。

ヘッダーエリア

フッターアリア

メニューパネル内エリア

【STEP3-1】グローバルメニューを作成

では、THE THORのカスタマイザーを開いてグローバルメニューを作成しましょう。

1. WordPressのダッシュボード
2. 外観
3. カスタマイズ

カスタマイザーから「メニュー」をクリックします。

グローバルメニューを「メニューを新規作成」をクリックして作成します。

メニュー名を決めて入力します。

「グローバルメニュー」や「メインメニュー」など、わかりやすい名前を入力してください。

今回は、メニューと入力しました。

メニュー名を入力して、キーボードの「enter」を押すと、＋項目を追加ボタンが表示されますので、「＋項目を追加」をクリックします。

「＋項目を追加」ボタンをクリックすると固定ページの一覧と項目が表示されます。

投稿ページやカテゴリーのページ一覧は▼や▲をクリックすると表示されます。

しますと、投稿ページの内容やカテゴリーが表示されますので、メニューに必要な項目をクリックして追加します。

例えばカテゴリーを追加するには、カテゴリー隣の▼をクリックします。

カテゴリー一覧が表示されます。

ページ一覧やカテゴリー一覧が表示されたらメニューに追加したいページ・カテゴリーをクリックするとメニューに追加されます。

ページやカテゴリーがメニューに追加されると左側に表示されます。

追加するページやカテゴリーがすべて表示されたら をクリックして完了です。

【STEP3-2】サブメニューを作成

THE THORはグローバルメニューだけでなくサブメニューの作成もできるので、記事が増えたらサブメニューを作成してメニューをわかりやすく整理していきましょう。

PCからブログを見ると、サブメニューのあるメニュー名の隣に「∨」が表示されます。

さらに、メニュー名にカーソルを合わせると、サブメニューが表示されるようになっています。

タブレットやスマホからブログを見ると、メニューパネルにメニューが表示されるようになっています。

では、THE THORのカスタマイザーを開いてサブメニューを作成しましょう。

1. WordPressのダッシュボード
2. 外観
3. カスタマイズ

あらかじめ作成してあるメニュー名をクリックします。

「+項目を追加ボタン」をクリックして、メニューに追加したいページやカテゴリーをすべてて追加します。

追加が終わったら「並べ替え」をクリックします。

サブメニューにしたいページやカテゴリーを「＞」をクリックして右にスライドさせます。

戻すときは「＜」をクリック、上下の順番を変えるときは「︿ ﹀ 」をそれぞれクリックします。

順番が整ったら  をクリックして完了です。

【STEP4】グローバルメニューの表示・非表示のカスタマイズ

THE THORのグローバルメニューは、表示・非表示を選ぶことができます。

スマホ　表示

スマホ　非表示

1. WordPressのダッシュボード
2. 外観
3. カスタマイズ

共通エリアの設定＞ヘッダーエリアの設定＞グローバルメニュー設定

表示・非表示を選択して をクリック

【STEP5】グローバルメニューを表示する位置のカスタマイズ

THE THORのグローバルメニューを表示できる位置は、ヘッダーエリア・フッターエリア・メニューパネルの3箇所です。

ヘッダーエリア

フッターアリア

メニューパネル内エリア

1. WordPressのダッシュボード
2. 外観
3. カスタマイズ

メニュー＞作成したメニュー＞メニューの位置

位置を指定して をクリック

【STEP６】グローバルメニューレイアウトのカスタマイズ

THE THORのグローバルメニューレイアウトは、シンプル・ダイナミックの２種類から選ぶことができます。

1. WordPressのダッシュボード
2. 外観
3. カスタマイズ

共通エリア設定＞ヘッダーエリア設定＞ヘッダー設定＞ヘッダーのレイアウトを選択

レイアウトを選択して をクリック

おつかれさまでした。

以上、【THE THORグローバルメニューのカスタマイズ】初心者向に画像付きで解説でした。

わからないことや、ご相談は、お気軽にお声がけくださいね。

お問い合わせはこちら

お読みいただき、ありがとうございました。

Chiharu