【wordpress】プラグイン「Collapse-O-Matic」で折りたたみを簡単に

ブログ
ビジネスマン
ビジネスマン

こんにちわ。ビジネスマンです。今回は、簿記3級の勉強のため問題と解答をネット上でできるように答えを隠せないかと思い検索していたところプラグインで実行可能ということで、試してみました。

Collapse-O-Maticとは

  1. テキストや画像をクリックして表示・非表示を切り替えることができます。
  2. 独自のスタイルシートを使用して折りたたみコンテンツをカスタマイズすることができます。
  3. パラメータを変更することで、折りたたみの開閉アニメーションのスピードやエフェクトを変更することができます。
  4. 折りたたみコンテンツの開閉状態をクッキーに保存して、ページのリロード時に状態を維持することができます。
  5. 折りたたみコンテンツの展開や折りたたみをトリガーするためのカスタムボタンを作成することができます。
  6. 折りたたみコンテンツの開閉状態を簡単に設定できるショートコードを提供します。
  7. 複数の折りたたみコンテンツをページ上に配置し、それらをグループ化して一括で開閉することができます。
  8. テキストエディタで簡単にコンテンツを作成できます。

実際のショートコード

<実際使用するショートコード>

[expand title="答え!"]表示させたい内容[/expand]

<上記を表示した場合>

答え!
表示させたい内容

<参考>ショートコードを無効化する方法

ショートコードの前後に[]をつける。

[[expand title="答え!"]表示させたい内容[/expand]]

上記のようにカッコでさらに囲えば、通常の文字列と同じに表示されました。

例文

問題:備品300,000円を現金で購入した。

[expand title="答え!"]
借方金額貸方金額
備品30000現金30000
[/expand]

<実際の表示>

備品300,000円を現金で購入した。

答え!
借方金額貸方金額
備品30000現金30000

上記のように途中に画像や表なども挿入することが出来ました。

コメント