Knowledge Base
WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

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

公開日：2017年3月10日 コンテンツ追加


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

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

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

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

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

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

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

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

この記事を参考にプラグインの導入をする際以下に留意ください

このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います
  1. すべての環境で動作するとは限りません
  2. できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります
  3. 有料版と無料版がある場合、テストは原則無料版のみで実施しています
  4. テスト環境については本文中に記載しています
  5. 使用方法で紹介しているショートコードやコードなどをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「"」「'」などの記号を入力し直してみてください。

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

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

翻訳ファイルは

Knowledge Base
F【Collapsing Categories】プラグインを日本語で使用するための翻訳ファイルダウ...
https://www.momosiri.info/trwp/collapsing-categories-ja/
Wordpressプラグイン【Collapsing Categories】の日本語翻訳ファイルのダウンロードページです。

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

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

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

インストール方法

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

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

Knowledge Base
【Wordpress】プラグインのインストール＆追加方法とエラー対処の方法
https://www.momosiri.info/cms/wordpresspluginerror/
Wordpressと言えばさまざまな追加機能を使って思い通りの表現や動作ができるのがブログやHTMLで作ったサイトと違って楽しいところですね。ここでは基本的なプラグインの導入の仕方とトラブルが発生した場合の対処方法について解説します。
を参照ください

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

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

設定できる内容は

  1. Title

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

  2. Link to

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

  3. 投稿数を表示する

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

  4. Show Post Date

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

  5. Sort Categories by

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

  6. Sort Posts by

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

  7. Taxonomy type

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

  8. Post type

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

  9. Expanding shows

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

  10. Truncate Post Title to

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

  11. Clicking on category name

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

  12. Expanding and collapse characters

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

  13. Auto-expand these categories

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

  14. these categories

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

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

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

  16. Exclude posts older than

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

  17. Include RSS link

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

  18. Style

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

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

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

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

  2. Accordion style ?

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

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

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

  4. Show top level categories

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

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

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

  6. Posts should come before sub-categories

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

  7. Show Empty Categories

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

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

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

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

Wordpress関連の本

いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)
いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)
インプレス
大きな画面の操作手順で迷わない。人気のテーマで、パソコン＆スマホ両対応のＷｅｂサイトを作れる！ソーシャルメディアとの連携やＳＥＯ対策、バックアップなどの運用面も丁寧に解説。
※表示している価格は単行本のものです
参考価格：１,７３８円
※参考価格です。サービスやショップ、掲載時期などにより価格は異なりますのでご注意ください
Amazonで詳細を見る
楽天市場で探す
Yahoo!で探す
できるWordPress WordPress Ver. 5.x対応 本格ホームページが簡単に作れる本 できるシリーズ
できるWordPress WordPress Ver. 5.x対応 本格ホームページが簡単に作れる本 できるシリーズ
インプレス
WordPressは無料かつ高機能で、シェア率No.1のCMS（コンテンツ管理システム）です。その拡張性の高さから企業のホームページ制作にも利用されているほどで、ホームページで情報発信をするに当たって、個人でも本気度の高い方はWordPressを利用していることが多いです。本書はそんなWordPressの初期設定から制作、カスタマイズ、運用のノウハウまで幅広く学べる1冊です。
※表示している価格は単行本のものです
参考価格：１,６２８円
※参考価格です。サービスやショップ、掲載時期などにより価格は異なりますのでご注意ください
Amazonで詳細を見る
楽天市場で探す
Yahoo!で探す

  • この記事を書いた人:

  • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
    ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
    ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。

QR Code

このページはモバイル端末でもご覧いただけます

左のQRコードを読み取っていただくと、このページのURLが表示され、簡単にアクセスできます。ぜひモバイル端末でもご覧ください。

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。

【スポンサーリンク】