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

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

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

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

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

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

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

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

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

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

本記事を参考にWordPressサイトへプラグインの導入を検討される方へ

WordPressは古くから無料で配布されているサイト作成ツール(CMS)で、随時改良が加えられており、さまざまなバージョンが存在します。

さらにWordPressを動かすためのプログラムであるPHP、サイトのデータを保存しておくためのデータベースについても様々なバージョンがあります。

そしてWordPress本体同様にプラグインについてもさまざまなバージョンが存在します。

本記事を参考にプラグインの導入をお考えの方は、以下に留意の上でインストールするようにしてください。

  • テスト環境での動作に基づいた紹介記事ですので、すべての環境で正常に動作するかどうかは不明です
    ※本記事の内容についてはページ内に記載しているプラグインバージョンのものになります。現在のバージョンと異なる場合、機能などが異なる場合があります。
    ※また、テスト環境、テストしたプラグインバージョン等の表示が本文内にない場合、ページタイトル下にある最終更新日当時の情報となりますので、現在のバージョンでは全く違う機能となっているかも知れません。
  • プラグインに無料版と有料版(Pro版)がある場合、特に記載がなければ無料版の情報のみを紹介しています
  • このページでプラグインを使用する際に必要なショートコードやコードなどは、コピーして使用することができますが、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。
  • プラグイン本体の動作不具合や質問などは公式サイトのフォーラムなどで行ってください(ここでは質問にお答えすることはできません)

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

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

翻訳ファイルは

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

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

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

インストール方法

インストールはプラグインの新規追加でプラグイン名を入力して検索してインストールするか、WordPressのプラグイン公式配布ページからダウンロード後、管理画面からアップロードインストールしてください(プラグインの公式ページは本ページ内記載のリンクをクリック、もしくは、WordPress公式サイトで検索してください)。

WordPressを使い始めて間もない方(初心者の方)は、より詳細なプラグインのインストール手順や、インストール時に起こる問題などへの対処方法をまとめた【WordPress】プラグインのインストール&追加方法とエラー対処の方法も併せてご覧ください。

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

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

設定できる内容は

Title

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

Link to

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

投稿数を表示する

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

Show Post Date

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

Sort Categories by

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

Sort Posts by

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

Taxonomy type

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

Post type

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

Expanding shows

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

Truncate Post Title to

表示するタイトルの文字数の設定ができます(0で短縮なし)

Clicking on category name

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

Expanding and collapse characters

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

Auto-expand these categories

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

these categories

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

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

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

Exclude posts older than

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

Include RSS link

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

Style

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

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

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

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

Accordion style ?

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

Remember expanding and collapsing for each visitor (using cookies)

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

Show top level categories

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

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

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

Posts should come before sub-categories

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

Show Empty Categories

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

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

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

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

サイトへの支援をお願いします

最後までお読みいただきありがとうございました。本記事の内容がお役に立てましたら幸いです。
今後もよりよい情報を提供し続けることができるよう、投げ銭によるサイトへの支援、およびSNSによる拡散をお願いします

作者:

☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。

年齢:40代 趣味/園芸・ペット・卓球