【SWELL】カテゴリー投稿一覧にタグクラウドを表示するカスタマイズ

※2023年1月4日追記
SWELL最新バージョン（2.7.2.1）でも有効です。

SWELLのカテゴリーアーカイブページに、タグクラウドを表示するカスタマイズ方法についてです。

カスタマイザーからの設定では、アーカイブページに表示される記事にタグクラウドを表示することはできません。

この部分にフックでタグを表示する方法を見つけましたので紹介します。

アーカイブページにタグを表示したカスタマイズ例

※画像内の赤枠の部分が投稿にひもづいたタグクラウドです。

投稿一覧にタグクラウドを表示したサンプル

まずはサンプルを紹介します↓

①カテゴリーページにタグクラウドを表示したサンプル

【SWELL】カテゴリーページにタグクラウドを表示すたカスタマイズ

URL：https://webrent.xsrv.jp/demo/swell66/category/test_category/

②検索結果ページにタグクラウドを表示したサンプル

【SWELL】検索結果にタグクラウドを表示すたカスタマイズ

URL：https://webrent.xsrv.jp/demo/swell66/?s=%E3%83%86%E3%82%B9%E3%83%88

カスタマイズの構成

Code Snippetsプラグインを使います。Code SnippetsはWordPress公式ディレクトリーに公開されている無料プラグインです。

※Code Snippetsを使わず、子テーマのfunctions.phpを使ったカスタマイズもできます。

＜ポイント＞

• SWELLのテンプレートを直接編集しない

このポイントはかなり重要です。

WordPressでサイトを運営する場合、テーマのテンプレートファイルを直接編集してしまうとテーマのバージョンアップで上書きされカスタマイズが消えます。

バージョンアップによる影響を受けにくいカスタマイズをしておくと、運営が楽になります。

＜カスタマイズにかかった時間＞

5分です。

＜バージョン情報＞
デモサイトはWordPress、SWELLともに記事執筆時に利用可能な最新バージョンです。

• WordPress：6.1.1

• SWELL：2.7.2.1

＜リストのレイアウト設定＞

テーマ有効時に選択されている「カード型」を利用したカスタマイズです。

更新履歴

• 2023年1月4日　記事更新。

• 2022年11月18日　記事公開。