タグを分類して表示できる「Tag Groups」を使ってみた

タグで分類しようと思って闇雲にタグをつけまくっていると、
タグクラウドで表示される内容がなんだかまとまりなく、
タグ自体を整理したくなってきた。

最初はタグクラウドに表示させる内容の順番を手動でなんとか
させようと思ったけれど、簡単でしっくりくる方法がみつからない。

今度はプラグインを色々検索していると、「Tag Groups」
というのがなんとなく良さそうなので、使ってみることに。

Tag Groups

いつものようにインストールしたら、投稿一覧の「タグ」の下に
「Tag Groups」が表示される。

それをクリックすると、こんなページが表示されるので、
「Create」ボタンをクリック。

「Label」欄に、分類したいグループ名を入力して、「Save Group」をクリック。

もしグループ名を変更したい場合は、「Edit」→「Label」→「Create Group」。

もちろん、「Delete」で削除してから再度「Create」でもOK.

グループ名の入力が終わったら、今度は「タグ」をクリック。

 

タグをこのページで先ほどのグループごとに割り当てます。
「not assigned」という項目が追加されており、
ここに先ほど入力したグル―プ名がリスト形式で表示されます。

新規でタグを追加する場合は、左側に入力して、
「not assigned」からグループ名も割り当てて「新規タグを追加」をクリック。
既存のタグの場合は、右側の欄のチェックボックスで割り当てたいものを
選択し、同様に「not assigned」も選択して「適用」ボタンをクリック。

これでタグの分類ができました。

タグを表示するには、ショートコードがPHPコードを使います。
今回はショートコードをウィジェットで使いたいので、その設定。

先ほどの「Tag Groups」のページに戻って、

今度は下の「Go to the settings」をクリック。

「Tag Clorud」のタブをクリックして、
「Enabele shortcode insidebar widgets」の欄にチェックを入れて、
「Save」ボタンをクリック。

下の「[tag_groups_cloud]」がショートコードになります。
この下にはパラメータのことがずらりと記載されていて、
フォントなど色々指定できるようですが、今回はデフォルトの設定で使用しました。

ウィジェットで、ショートコード記載すると、こんな感じの表示に。
タグクラウドをタブで分類して表示できます。

色はデフォルトでは、この灰色「ui-gray」ですが、
先ほどのページの「Tag Clorud」の左隣「Theme」のところで選ぶことができます。

「ui-lightness」

「ui-darkness」

 jQuery UI ThemeRoller」から自作すれば、これ以外にも色んなスタイルが実現できそうです。

 

こちらはまだできていないので、今度やってみようと思います。