WordPressのカテゴリー一覧を折り畳むなどいろいろな表現ができるプラグイン「Collapsing Categories」

Wordpress標準のカテゴリー一覧ウィジェットでは、すべてのカテゴリーがだらだらと表示されてしまい、特にカテゴリー分けが多いサイトではいろいろなコンテンツを表示したいサイドバーがカテゴリー一覧だけでスペースを取られてしまうこともありますね。

そんなとき、折り畳み式（アコーディオン式ともいう）のカテゴリー一覧があったら・・ということで探し当てたのが今回紹介する【Collapsing Categories】です。

アコーディオン表示？？という方のために少しだけ解説させていただくと、ズバリ！このページの右にある「カテゴリー」の表示です（閲覧時に別のプラグイン使っている可能性もあります。ご容赦ください）。CSSでデザインは変更していますが、効果としては親カテゴリーだけ表示して子や孫カテゴリーは縮めてあり、「＋」などのマークをクリックしたときに詳細が表示されるという表示方法です。

しかしこのプラグイン、ただ折り畳み表示できるだけではありませんでした。この紹介ページのタイトル付けに困ってしまう位いろいろな表示方法やオプションがあって、おそらく一度使ったらこれ以外はいらないだろうと思う位機能やカスタマイズ項目が満載のプラグインでした。

【Collapsing Categories】プラグインの基本的な機能・できること

1. カテゴリー一覧をアコーディオン表示できる
2. 現在の投稿のカテゴリーを自動で開いて表示できる
3. カテゴリーページのRSS情報を表示できる
4. 表示方法についていろいろとカスタマイズできる

などなど。同様のプラグインも多数ありますが、「これをカスタマイズしたいなぁ」ということができなかったりすることが多く、いろいろ試した結果、現在ではこのプラグインが一番使い勝手がよかったです。

残念なのは、日本語翻訳ファイルを適用してもほんの一部しか適用されないこと。ただ、簡単な単語なので見れば分かるレベルだと思います。

【Collapsing Categories】プラグインの設定画面や表示の日本語化と翻訳

当サイトで私が翻訳した【Collapsing Categories】プラグインの日本語化ファイルを配布しています。

翻訳ファイルは

からダウンロードできます（ダウンロードの方法や日本語の適用方法なども解説しています）

翻訳することで設定が容易になり、重要な項目の設定漏れも少なくなりますから日本語化をお勧めします。

【Collapsing Categories】プラグインのインストールと設定

インストールと設定方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

を参照ください

【Collapsing Categories】プラグインの基本的な使い方

通常のウィジェット設定画面に「Collapsing Categories」というのが追加されますので任意の場所へ設置します。

設定できる内容は

1. Title

ウィジェットに表示するタイトルです

2. Link to

タイトルに対してどこかのページへリンクする場合に設定します

3. 投稿数を表示する

カテゴリーに含まれる投稿の数を表示するかどうかの設定です

4. Show Post Date

公開日を表示するかのチェックと、表示位置、表示方法が設定できます

5. Sort Categories by

カテゴリーの並び順を（名前／ID／スラグ／カテゴリー一覧の並び順／投稿数）から指定できます

6. Sort Posts by

カテゴリーに含まれる投稿の並び順を（名前／ID／スラグ／投稿一覧の並び順／投稿数）から指定できます

7. Taxonomy type

このウィジェットで表示するものを選択できます（カテゴリー／タグ／両方／カスタムタクソノミー）

8. Post type

このウィジェットで表示する投稿タイプを設定できます

9. Expanding shows

アコーディオン表示を広げたときにどこまで表示するかを設定できます（サブカテゴリーと投稿／サブカテゴリーのみ）

10. Truncate Post Title to

表示するタイトルの文字数の設定ができます（０で短縮なし）

11. Clicking on category name

クリックしたときに表示するものを設定します（カテゴリーアーカイブへのリンク／サブカテゴリーや投稿）。ここを後者にしておくと、「＋」などをクリックしなくても表示を広げることができます

12. Expanding and collapse characters

子カテゴリーなどを表示する（表示を拡大縮小する）ときのマークを設定できます（▶ ▼ + — [+] [—] カスタム　独自の画像）

13. Auto-expand these categories

特定のカテゴリーは折り畳み表示しないようにできます

14. these categories

特定のカテゴリーの表示／非表示が設定できます

15. Exclude post X from categories A and B when A or B is excluded

投稿で複数のカテゴリーを設定しているときthese categoriesで１つでも非表示設定されているカテゴリーがあれば非表示にすることができます

16. Exclude posts older than

古い公開日の投稿を非表示にできます

17. Include RSS link

カテゴリー一覧のRSSフィードを表示するかを設定します。表示方法は（なし／文字列（RSS）／画像）から選択できます

18. Style

基本表示スタイルを設定できます

とここまででもいろいろできることが分かりますが、「Advanced options」をクリックするとさらに細かい設定ができます

1. When category X has sub-categories, group posts in a sub-category into a category

カテゴリーに子カテゴリーがある場合、子カテゴリーの投稿も含めるかどうかを設定します

2. Accordion style ?

そもそもアコーディオン表示するかどうかを設定できます

3. Remember expanding and collapsing for each visitor (using cookies)

cookie情報を使ってカテゴリー一覧の拡張・縮小した状態を保存するかどうかの設定です

4. Show top level categories

トップレベルカテゴリーの表示をするかどうかの設定です

5. Expand categories assigned to a particular post on a single post page

今見ているページで設定されているカテゴリーを拡張（展開）して表示するかどうかの設定です

6. Posts should come before sub-categories

サブカテゴリーの前に投稿を表示するかの設定です

7. Show Empty Categories

投稿数がゼロのカテゴリーを表示するかどうかの設定です

8. Show debugging information (shows up as a hidden pre right after the title)

デバッグ情報を表示する（タイトルの後ろに隠れているプレビューとして表示）

・・・最後の設定が何なのかが不明なのですが、とにかくできないことはない！！と言える、おすすめプラグインです。

プラグインに関するお問い合わせ

最後までお読みいただきありがとうございました。 内容の相違、導入後のトラブル、設定方法のお問い合わせなどはこちらのリンクからお願いします。

似たようなプラグインをお探しですか？

このプラグインはその他の機能に分類されています。リンクをクリックすると同じような機能を持つプラグインの紹介記事一覧が表示されますので、プラグイン探しに是非ご活用ください。