THE THORにはメニューパネルが標準装備されていますが、その設定やカスタマイズする方法を、今すぐ知りたいと思っていませんか?
メニューパネルを表示するかしないかは自由ですが、読者さんの目線で考えると、カテゴリー表示などがあったらきっと便利ですよね。
実際にわたしも設定してから気づいたのは、パソコンだとあまり目立たない印象ですが、スマホだと意外にも便利な機能だということ!なので、今はもっとメニューパネルを充実させたいくらいです。
一般的なWordPressテーマでは、ダッシュボードの「メニュー」画面から設定を終えることがほとんどですが、THE THORのメニューパネルはウィジェットをカスタマイズする必要があります。
そこで本記事では、THE THORのメニューパネルの設置とカスタマイズ方法についてご紹介していきますね。
THE THORのメニューパネルの設定方法
THE THORのメニューパネルとは、右上の3本の横線で表示されるメニューのことで、特にスマートフォン表示の際には、メニューバーの役割を果たす非常に便利な機能です。
なんだかハンバーガーを横から見た形に似ているね♪
メニューパネルの設置手順
では早速設定に進みますので、WordPress管理画面の「外観」→「ウィジェット」の順にクリックしましょう。
上画像の左側に30個以上ある「利用できるウィジェット」の中から、表示したいものを選んでクリックするか、ドラッグ&ドロップで「メニューパネル」に追加していきます。
例として、「[THE]おすすめ記事」をクリックして選んだ場合で進めていきますが、クリックすると下の画面が展開しますので、「メニューパネル」を選択して、下の「ウィジェットに追加」を押すとメニューパネルに追加されます。
メニューパネルに追加したら、必要に応じて項目を入力して「保存」しましょう。
設置後の画面ですが、「おすすめ記事」がメニューパネルに追加されました。
「THE THOR無料サポート」受付中!質問、疑問etc…どんな些細なことでもOK!お問い合わせはこちらからお気軽にどうぞ!
メニューパネルにおすすめのウィジェット
メニューパネルに追加するウィジェットは、基本的にはお好みですが、たくさんの種類の中から迷った時は、ここでご紹介する2つがおすすめですよ。
①「[THE]人気記事」
これは単純に、読者からのアクセスが多い記事ほど、たくさん見られる傾向があるという理由で、設置してみてはいかがでしょうか。
「タイトル」 見出し部分に表示されます。「Rank」「読まれている記事」など、自由に付けることができます。
「ランキング対象期間」 特に指定がなければ「全期間(default)」のままで問題ないでしょう。
「表示する投稿数」 表示する記事数を決められます。1〜3位はラベルの色が金・銀・銅で4、5位はグレーとなります。
「投稿日を表示しますか?」 チェックすると、記事の投稿日を表示できます。
「更新日を表示しますか?」 チェックすると、記事の最新更新日を表示できます。
「閲覧数を表示しますか?」 チェックすると、記事の閲覧数を表示できます。
「ノーマルレイアウト(左画像)に変更しますか?」 好みでチェックを入れます。
「アイキャッチ上のカテゴリを非表示にしますか?」 好みでチェックを入れます。
「画像アスペクト比」 アイキャッチのタテヨコ比を「16:9」「4:3」「1:1」「0:0(画像なし)」から指定できます。
「本文抜粋文字数」 本文の冒頭を表示したい場合、0~150文字で指定できます。(0の場合は本文非表示)
「対象記事の絞り込み」 選択したカテゴリーやタグなどに属する記事がランキングの対象になります。
「表示/非表示設定」 選択した投稿ページやタグアーカイブページなどでウィジェットを非表示にできます。
②「カスタムHTML」
自由にコードを入力して、広告やバナーの設置などカスタマイズができます。
設置後の画面ですが、このようにバナーがメニューパネルに表示されました。
まとめ
お疲れ様でした!THE THORのメニューパネルの設置と、そのカスタマイズ方法について解説してきましたが、見やすいメニューパネルは作成できましたでしょうか?
メニューパネルを設定するメリットは、主にスマートフォンを表示した際に、読者に対してわかりやすいメニューバーの役割を果たすことでしたね。
そのため、読者へ特にアピールしたい情報や、サイト内回遊を促すような項目に的を絞って載せることが大切です。
操作に慣れてきたら、色々と試してみて自分なりにカスタマイズを楽しんでくださいね!
最後に、今回の記事でなにかわからないことはありませんでしたか?質問や相談、感想や雑談などなんでもOK!あなたからのメール待ってます↓