2024年3月12日 / 最終更新日時 : 2024年3月12日 copotal-factory ブログ

プラグイン「xili-tidy-tags」を使ってタグ一覧表示をグルーピング＆記事数表示・降順表示しました。

このサイト・および記事にはアフィリエイト広告を利用しています。

タグの種類が増えてくるに従い、タグ表示がイマイチだなぁ…と思うようになりました。

そこで、WordPressのプラグイン「xili-tidy-tags」を使ってカテゴリー別に、かつ記事数を表示し、記事数が多い順に降順に表示する方法に変更したので、備忘録です。

Before/After

仕上がりはこんな感じ。
カテゴリごとにスッキリしました。

タグごとの記事数が表示され、記事数が多い順に降順に表示されるのも気に入っています。

「xili-tidy-tags」を使う前はWordPressの標準のものを使っていました。
設定したタグの記事数が多いものはそのタグがより大きく表示される仕組みのようです。

タグの数が少ないうちはあまり気にならなかったのですが、タグが増えてくるとタグ表示の大きさにバラつきがあるのがまとまりがないように感じてきていました。

WordPress管理画面からプラグイン「xili-tidy-tags」を検索し、有効化します。

有効化するとWordPressの管理画面に「Tidyタグ」というメニューが追加されるので「Tidyタグsettings」から設定を行っていきます。

設定項目は以下の通りです。

Name	タググループの名前
tags group slug	タググループのURL（リンクを作成することを考えて英語で付けるのがお勧め）
Description	なくても良い
kinship	親タグに設定する場合は選択

設定項目

と、設定していきます。

Nameは既に存在しているたくさんのタグをまとめるタググループと考えると良いかと思います。

WordPressのメニュー「Tidyタグ assign」をクリックすると、既存のタグが一覧で表示されるので、設定したタググループに紐づけていきます。

既存のタグが「Name」欄に、設定したタググループが右側に表示されるので、グループに入れたいタグをチェックして選択します。
複数選択も可能です。

表示の方法はウィジェットでもできるようですが、見た目をいじりたかったため、私はショートコードで表示するようにしました。

ショートコード全体としては下記となります。

<p class="tagcloud">[xili-tidy-tags params="tagsgroup=グループ名&orderby=count&order=DESC&show_count=true&largest=10&smallest=10" glue=" "]</p>

ショートコードを<p class=”tagcloud”></p>で囲むことで、使っているテーマに合わせることができます。

ショートコード内にshow_count=trueを追記することで、記事数を表示することができます。

orderby=countとorder=DESCを追記することで、記事数の多い順に降順に表示させます。

後はタグ一覧を表示したい場所にショートコードを貼り付け、headブロックを使ってタググループ名を表示させました。

こちらの2つの記事を参考にさせていただきました。