THE THORのメニューパネルの設定の仕方

THE THOR(WordPressテーマ)のメニューパネルの設定の仕方

WordPressテーマ「THE THOR」には標準でメニューパネルが装備されています。

メニューパネルとは、ページ右上の3本の横線で構成されたハンバーガーメニューをクリックすると表示されるメニューのことです。

※ハンバーガーメニューは3本の横線がハンバーガーを横から見た形状に似ていることからネーミングされました。

ハンバーガーメニューとメニューパネル

ここでは、THE THORのメニューパネルのカスタマイズ設定の仕方について解説します。

THE THORのメニューパネルのカスタマイズ設定の仕方

THE THORのメニューパネルの設定は、「外観」-「ウィジェット」に「メニューパネル」が用意されていますので、そこで設定します。

メニューパネルにカテゴリーを表示したい場合

例えば、メニューパネルにカテゴリーを追加したい場合は、「外観」-「ウィジェット」にある「カテゴリー」を選択して「メニューパネル」に登録します。

ウィジェットでメニューパネル設定

カテゴリーは、

  • ドロップダウン表示するか
  • 投稿数を表示するか
  • 階層を表示するか

の設定ができるようになっていますので任意にチェックを入れて保存します。

メニューパネルに任意のメニューを表示したい場合

メニューパネルに任意のメニューを表示したい場合は、

予め「外観」-「メニュー」でメニューを作成、登録しておき、

その後、「外観」-「ウィジェット」で「ナビゲーションメニュー」を選択して「メニューパネル」に登録し、予め作成したメニューを指定して保存します。

メニューパネルに任意のメニューを表示したい場合メニューパネルにカテゴリーとメニューの2つを登録するといったことも可能です。

「外観」-「メニュー」のメニュー設定との関連

「外観」-「メニュー」でメニューを作成すると、「メニュー設定」として、

  • ヘッダーエリア
  • フッターエリア
  • メニューパネル内エリア(スマホ限定)

のいずれにメニューを表示するか設定ができるようになっています。

ここに「メニューパネル内エリア(スマホ限定)」という項目がありますが、これは、スマホのメニューパネルにだけ表示する場合にチェックを入れるものです。

メニューの表示位置設定

例えば、PCとスマホ共通でメニューパネルに表示させるメニューのほかに、スマホにだけ別に表示させたいメニューがある場合などに活用します。

「外観」-「ウィジェット」の「メニューパネル」に登録したメニューを、

「外観」-「メニュー」の「メニュー設定」において「メニューパネル内エリア(スマホ限定)」にチェックしておくとスマホで2重に表示されますので、注意が必要です。

「外観」-「カスタマイズ」-「メニュー」との関連

尚、「外観」-「カスタマイズ」の中にも「メニュー」を管理する場所がありますが、これは、「外観」-「メニュー」と連動しているようですのでどちらか一方の設定でよさそうです。

「外観」-「カスタマイズ」-「メニュー」との関連

まとめ

以上、THE THORのハンバーガーメニューをクリックすると表示されるメニューパネルの設定の仕方を解説してみました。

基本は、「外観」-「ウィジェット」に「メニューパネル」が用意されていますのでそこにメニューを入れ込むことでメニューパネルに表示させることができます。

そして、スマホのメニューパネルにだけ表示する場合は、「外観」-「ウィジェット」の「メニューパネル」に入れ込むのではなく、「外観」-「メニュー」のメニュー設定のメニューの位置指定で「メニューパネル内エリア(スマホ表示)」にチェックを入れて対応します

関連記事

現在、当サイトでは、WordPressテーマに「THE THOR(ザ・トール)」を使用しています。 THE THORは標準で多くの機能を搭載している分、設定項目が多く、使いこなせるようになるまで少し時間がかかります[…]

THE THORのカスタマイズまとめ
関連記事

2018年11月の下旬にインストールして使い始めたWordPressテーマ「THE THOR」 THE THORは、機能が多いだけに設定項目が多いのが特徴です。 THE THORの前身とも言える無料版のライオ[…]

THE THORのトップページの設定
関連記事

ここでは、WordPressテーマ、THE THOR(ザ・トール)の画像やカラーの設定・変更について解説しています。 THE・THORでは、画像やカラーに関する設定・変更は、全てWordPress管理画面の「外観」[…]

THE THOR(ザ・トール)、画像とカラーの設定
関連記事

商品の比較やおすすめランキングなどのサイトは成果に結び付けやすいとあって多くのアフィリエイターが比較やランキング形式で商品を紹介する手法をとっています。 しかし、WordPressでユーザー自らランキングページを作[…]

WordPressテーマ「THE THOR」でランキングのページを作成する手順
関連記事

このサイトは、THE THOR(ザ・トール)という有料のWordPressテーマを使用しています。 ここでは、THE THORの評判や評価はどうなのか、と思っている人に、筆者が実際にTHE THORを1年以上使って[…]

THE THORの評判と評価レビュー