コンテンツが多くなればなるほど、ページ内での表示が縦に長くなるので、こういうプラグインがあるといいなと思っていました。

WordPressプラグイン『Collapse-O-Matic』

使い方はとっても簡単。ショートコードが使えます。

ダウンロード

• 本家サイト：Plugin Ovenからダウンロードする。
• WordPress.org：Collapse-O-Maticからダウンロードする。

どちらかからダウンロードし、サーバーにアップし有効化します。

『Collapse-O-Matic』の導入

設定の中に、Collapse-O-Maticの項目ができていますので、こちらから初期値を設定します。

Styleの違い

Light

Dark

Tag Attribute

htmlのタグが使えます。初期値は、spanですが、divなどのタグも使えます。

Collapse/Expand DurationとAnimation Effect

Collapse/Expand DurationとAnimation Effectについての詳細は、本家サイトのドキュメントを参照してください。

『Collapse-O-Matic』の使い方

折りたたみたい部分をショートコードでくくるだけです。

基本的な使い方。

title部分に表示させておくタイトルを記入します。

記事をたたまずにオープンな状態で表示

idを付加する場合

本文を太字にする場合

などなど様々なオプションが用意されています。

その他のオプションについては、本家サイトのドキュメントを参照してください。

シンプルな表示でスタイルシートで見た目のカスタマイズが簡単にできたりと、いろいろと使えそうなプラグイン『Collapse-O-Matic』のご紹介でした。