長文の記事をアコーディオン表示にして折りたためるプラグイン「Collapse-O-Matic」



【 最新の更新日は 2019年12月28日 です】

山田どうそんです。

あまりに長い記事を書いた場合、「続きはこちら」みたいにして、折りたたんでおけると本当に興味のある人にだけ自分の記事を読んでもらうことができますよね。

導入するだけで、ショートコードで簡単にアコーディオン表示させることができるプラグインを紹介します。

プラグインの特徴

  • 長文記事を折りたたんでおくことができる
  • 導入するだけであとはショートコードを利用するだけなので簡単

プラグインのダウンロード

プラグインのダウンロードは下記のリンク先からもできますしWordPress内で「Collapse-O-Matic」と検索してもダウンロードが可能です。現在のバージョンは「1.7.3」。

Collapse-O-Matic
Collapse-O-Matic
Price: Free

プラグインの使い方

管理画面の場所

「メインサイドメニュー」>「設定」>「Collapse-O-Matic」から設定ができます。

com1

プラグインの設定

このプラグインは特に設定をする必要がなくショートコードを挿入するだけで利用できます。

title部分に表示させておくタイトルを記入して、折りたたむ記事をショートコードで囲むだけで簡単に利用できます。

基本表示

[expand title="オープン" swaptitle=”クローズ”]

テスト投稿です。テスト投稿です。テスト投稿です。テスト投稿です。テスト投稿です。テスト投稿です。

[/expand]

IDを付与したい場合

[expand title="IDオープン" id="kraftwerk"swaptitle=”クローズ”]

テスト投稿です。テスト投稿です。テスト投稿です。テスト投稿です。テスト投稿です。テスト投稿です。

[/expand]

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

[expand title="オープン表示" expanded="true" swaptitle=”クローズ”]

テスト投稿です。テスト投稿です。テスト投稿です。テスト投稿です。テスト投稿です。テスト投稿です。

[/expand]

タグを挿入する場合

[expand title="タグ用オープン" tag="h5" swaptitle=”クローズ”]

テスト投稿です。テスト投稿です。テスト投稿です。テスト投稿です。テスト投稿です。テスト投稿です。

[/expand]

使ってみた感想のまとめ

「swaptitle」を挿入しなければクリックしても「title」の文字が挿入されるので、「swaptitle」は省いても利用できます。

これらのショートコードさえ覚えておけば簡単に利用できるのが便利です。タグの挿入もできますし、IDも付与できるのでCSSができる人はデザインも自分ごのみに変更できますね。

サブスクリプションモデルを構築し安定収入の仕組みを作りませんか?

自分の得意なスキルで会員サイトを作りサブスクリプションモデルを構築して安定収入を作りませんか?

もう、来月の売上を心配しなくてはならないビジネスモデルとはおさらばして、毎月安定的に収益を上げることができる新しいビジネスモデルを構築しませんか?

あなたが、サブスクリプションモデルを構築するために必要なリソースを学ぶことができる無料オンライントレーニングをご用意しました。

今回、この無料オンライントレーニングを視聴してくれた方に僕の有料コース2コース(合計4.8万円分)を無料でプレゼントさせていただきます。

今すぐ登録してプレゼントを受け取ってください。

それでは、無料オンライントレーニングでお待ちしております。

今すぐサブスクリプションモデルで安定収入を作る男の「無料オンライントレーニング」を視聴する>>>

ABOUT US

山田 どうそん
Udemy受講生2万人以上の自動化マーケティング講師。ビジネスはオンラインで完全に自動化させることが最も重要だと思っている。偽の自動化ではなく本物の自動化しか興味がない。Udemy→海外ツールを使ったマーケティングファネル→サブスク。自動化にはこの3つのスキルが重要でそれ以外のスキルは不要。何より優先すべきは時間。