THE THOR の カスタマイズ で「トップページにカテゴリーをタブ切り替えで表示したい」「タブの中にはおすすめ記事を表示したい」というお問い合わせをいただきました。ありがとうございます。
参考になるサイトのURLも添えていただいたので確認すると内容的には「新着記事」と「任意のカテゴリーA」「任意のカテゴリーB」の3つをタブで切り替えて表示するというものでした。
タブ切り替えで以下を表示する。
- 新着記事
- カテゴリーA
- カテゴリーB
タブの中に表示する「おすすめ記事」は「カテゴリーの人気記事」とします。
上記のようなカスタマイズであれば THE THOR の標準機能を使用して簡単に作ることができます。
[widget id=”fit_tabcontentsitem_class-17″]
THE THOR カテゴリーをタブ切り替え で表現するカスタマイズ
今回のお問い合わせでは「トップページ」に「タブ切り替えで新着記事とカテゴリー」を表示するということなので、「ウィジェット[THE]タブコンテンツ」を利用します。タブの中は「ショートコード カテゴリ指定記事一覧」です。
ウィジェット [THE]タブコンテンツ を設置
外観 → カスタマイズ → ウィジェット
「トップページ上部エリア」に「ウィジェット [THE]タブコンテンツ」を設置します。
「ウィジェット [THE]タブコンテンツ」には最大5個の項目が設定できます。必要に応じて使用しましょう。
ショートコード カテゴリ指定記事一覧
タブの中身は「ショートコード カテゴリ指定記事一覧」を使用します。記事投稿画面でショートコードをコピーして「トップページ上部エリア」に用意した「ウィジェット [THE]タブコンテンツ」の「タブ本文」に貼り付けます。
「ショートコード カテゴリ指定記事一覧」には3種類あります。
- カテゴリ指定記事一覧（新着順）
- カテゴリ指定記事一覧（ランダム順）
- カテゴリ指定記事一覧（ランク順）
ショートコードの「cat」にはカテゴリのID、「num」には表示する記事数を入れてください。カテゴリIDを「0」にすると全てのカテゴリが対象となります。
以上で完成です。
あとがき
割と何でも揃っている THE THOR は工夫しだいで色々な表現ができます。
「Widget Shortcode」というプラグインを使用すると豊富なウィジェットをさらに自由に（この記事で表示したサンプルのように）使うことができるのでオススメ。「Widget Shortcode」を使えば「ウィジェット[THE]おすすめ記事」でさらに細かく表示したい記事を選ぶこともできます。
※Widget Shortcodeは現在のWordPressのバージョンではテストされていません。使用する場合は自己責任にてお願いします。当サイトでは2021年8月現在、問題なく使用できています。
コメント