タグをグループ分けするプラグイン

ウィジェットでタグクラウドを使用する際に、タグが増えすぎてしまうととても見にくくなりませんか？

私がぶらり旅を紹介している別サイトのタグクラウドは、こんな状態でした！

こんな文字の羅列なんて、正直見られません。ここからわざわざキーワードを探そうなんてだーれも思わないです。
ちょっとカスタマイズしているからって、運営者の自己満足にすぎないのがこのタグクラウドなのです(笑)

そこで、このタグたちを分類(グループ化)して、ユーザビリティを向上できないかな？と考えまして、取り急ぎこんな形に変更しました。

この方法だと、タグの表示・非表示を選択したい場合にも応用できると思います。

プラグインで簡単に対応できましたので使用方法を解説します！

プラグイン「xili-tidy-tags」

今回お世話になるプラグインは「xili-tidy-tags」です。

こちらをインストールすると、管理画面のメニューに「Tidy タグ」というのが表示されます。

グループの作成

まずは「Tidy タグ Settings」をクリックして、タグのグループを作成します。

入力する項目は下記のみで大丈夫です。

Name:タグのグループ名 (例 料理)
tags group slug:スラッグを英数字で (例 food)

このようにグループが一覧表示されます！

作成したグループにタグを割り当てる

グループを作ったら、次は管理画面のメニューから「Tidy タグ assign」をクリック。

タグが一覧で表示されますので、該当するグループ名のところにチェックを入れていくのみ！楽勝！

ウィジェットの設定

「外観→ウィジェット」を開くと、下記のウィジェットがあるので、こちらを活用してサイドバーに表示させることもできます！

ウィジェットのタイトルと表示するグループを選択すれば、設定完了！
「Display as」は、「Cloud」なら横並び、「List」なら縦に表示します。

ショートコードの記述

ショートコードを使えば、投稿記事や固定ページにもグループ分けしたタグを表示させることが可能。

[xili-tidy-tags params="tagsgroup=グループ名&amp;largest=10&amp;smallest=10" glue="<br />"]

ちなみに上記の「京都すべて」というリンクは自作で対応しましたｗ

<a href="https://hogehoge.com/tag/京都/">京都すべて</a>

まとめ

タグを分類したい！って思う人って少ないのかな？
ぐぐっても全然出てこなくて、随分彷徨いました・・・(白目)
検索って苦手ｗ

できるだけ簡単に！と思っていたのでちょうどいいプラグインがあって助かりました！

もしかしたら同じようにぐぐり倒してる人がいるかも！と思って、一応書き残しておくことにしました(笑)