Colorful Categories:カテゴリーやタグを横並び&カラフルに表示するウィジェットが使える

2017年4月29日

カテゴリーやタグを表示するウィジェットが WordPress 標準として実装されています。
でも、カテゴリーウィジェットは、上下に 1 個ずつ並べたり、
タグクラウドウィジェットは、横並びできますが、紐付いている記事数に応じて、
文字サイズが変化するので、使いにくい場合もあります。

ウィジェットの幅で、横に並べて表示したい時があると思います。

そのような時に便利な WordPress 用プラグインがあります。
それは「Colorful Categories」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。

Colorful Categories

Screenshot of wordpress.org

Colorful Categories は、カテゴリーやタグを横並びで表示できるウィジェットを追加できます。
また、各カテゴリーや各タグの背景色を好きな色に指定することもできます。

カテゴリーやタグだけでなくて、カスタムタクソノミーにも対応しています。

記事を作成もしくは更新時点でのバージョン:v 2.0.8
マルチサイトでの利用:可

インストール手順

下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Colorful Categories – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Colorful Categories」と入力します。

WordPressプラグイン「Colorful Categories」のスクリーンショット

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

専用メニュー・設定画面も含めて何も無いので、日本語化を気にする必要は無いでしょう。

専用メニュー

「Colorful Categories」は、設定項目も無くて、専用メニューも無いです。

使い方

WordPressプラグイン「Colorful Categories」のスクリーンショット

有効化する前だと上のような感じですが、

WordPressプラグイン「Colorful Categories」のスクリーンショット

有効化すると背景色を個別に指定できる列が追加されます。
それぞれの配色は自動で設定されます。手動で変更することもできます。

WordPressプラグイン「Colorful Categories」のスクリーンショット

配色の設定が終わったら、サイドバーなどにウィジェットを配置します。

  • Title
    ウィジェットのタイトルを入力します。
  • Taxonomy
    表示するカテゴリーとタグやカスタムタクソノミーを指定します。
  • Show empty categories
    投稿のないカテゴリーも表示するかどうか。
  • Show post counts
    投稿数を表示するかどうか。
  • Theme
    背景色を表示するボックスの形を指定します。
  • Limit items (0 means no limit)
    表示する数を指定します。0 を指定すると無制限になります。
  • Excluded categories IDs (comma separated)
    非表示にしたいカテゴリーを ID で指定します。複数指定したい場合にはカンマで区切ります。

WordPressプラグイン「Colorful Categories」のスクリーンショット

「Taxonomy」のリストボックスを開いた際の画像です。

表示例

WordPressプラグイン「Colorful Categories」のスクリーンショット

上から順に Theme を No theme/ Bubble/ Box/ を指定しています。

備考

表示順は、作成順に表示されます。
下記のプラグインを使うと表示順を指定することができます。
Simple Custom Post Order の使い方 – WordPress 活用術

URL

Colorful Categories – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています

ウィジェット

Posted by 管理人