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

公開日:2017年3月10日 コンテンツ追加
Knowledge Base Wordpress プラグイン
Wordpress標準のカテゴリー一覧ウィジェットでは、すべてのカテゴリーがだらだらと表示されてしまい、特にカテゴリー分けが多いサイトではいろいろなコンテンツを表示したいサイドバーがカテゴリー一覧だけでスペースを取られてしまうこともありますね。

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

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

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

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

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

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

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

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

WordPressで口コミ情報(ユーザーレビュー)を募集、掲載できるプラグイン「ReviewPress」

WordPressでリンク集を作るプラグイン「WordPress Simple Link Library」

WordPressでインスタグラムに投稿した写真などを投稿本文などへ表示できるようになるプラグイン「Instagram Feed(Smash Balloon Social Photo Feed)」


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

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

翻訳ファイルは

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

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

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

インストール方法

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

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

を参照ください

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

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

設定できる内容は

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

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

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

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

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

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

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

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

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

  19. Truncate Post Title to
  20. 表示するタイトルの文字数の設定ができます(0で短縮なし)

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

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

  25. Auto-expand these categories
  26. 特定のカテゴリーは折り畳み表示しないようにできます

  27. these categories
  28. 特定のカテゴリーの表示/非表示が設定できます

  29. Exclude post X from categories A and B when A or B is excluded
  30. 投稿で複数のカテゴリーを設定しているときthese categoriesで1つでも非表示設定されているカテゴリーがあれば非表示にすることができます

  31. Exclude posts older than
  32. 古い公開日の投稿を非表示にできます

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

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

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

  1. When category X has sub-categories, group posts in a sub-category into a category
  2. カテゴリーに子カテゴリーがある場合、子カテゴリーの投稿も含めるかどうかを設定します

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

  5. Remember expanding and collapsing for each visitor (using cookies)
  6. cookie情報を使ってカテゴリー一覧の拡張・縮小した状態を保存するかどうかの設定です

  7. Show top level categories
  8. トップレベルカテゴリーの表示をするかどうかの設定です

  9. Expand categories assigned to a particular post on a single post page
  10. 今見ているページで設定されているカテゴリーを拡張(展開)して表示するかどうかの設定です

  11. Posts should come before sub-categories
  12. サブカテゴリーの前に投稿を表示するかの設定です

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

  15. Show debugging information (shows up as a hidden pre right after the title)
  16. デバッグ情報を表示する(タイトルの後ろに隠れているプレビューとして表示)

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

Wordpressの本

Amazonの人気商品楽天市場の人気商品
いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ) / 石川..

いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ) / 石川..

1,738 円 (税込)
基本情報ジャンル建築・理工フォーマット本出版社インプレス発売日2019年07月ISBN9784295006664発売国日本サイズ・ページ280p 21×19cm関連キーワード 9784295006664 出荷目安の詳細はこちら>>楽天市場内検索 『在庫あり』表記について 
【中古】 ビジネスサイトをこれからつくる WordPressデザイン入門 WordPress Ver.4.x対応 サイト制作から納品までのはじめの一歩 ..

【中古】 ビジネスサイトをこれからつくる WordPressデザイン入門 WordPress Ver.4.x対応 サイト制作から納品までのはじめの一歩 ..

1,045 円 (税込)
秋元英輔(著者),清野奨(著者),プライム・ストラテジー株式会社(その他)販売会社/発売会社:SBクリエイティブ発売年月日:2016/02/01JAN:9784797383300//付属品〜CD−ROM付
楽天ウェブサービスセンター CS Shop
ひまあーと(管理人)
  • 記事の作者: ひまあーと(管理人)

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


いつでもご相談・サイトカスタマイズの依頼を受け付けています

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

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


【スポンサーリンク】


記事の拡散にご協力をお願いします

閲覧いただきありがとうございました。役に立つ情報でしたら是非SNSでシェアをお願いします

関連情報