WordPress

【WordPress】テキストをクリックするとアコーディオンのように展開するExpander

May 11, 2017
Expander


Expanderはテキストをクリックするとアコーディオンのように展開するプラグイン。設置はショートコードで行え、カスタムクラスも使用可能。

Expanderプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Expanderを検索
有効化にします。

ショートコード

下記ショートコードを挿入します。
[wpex more="Read more" less="Read less"]hidden text[/wpex]
カスタムクラスを使用。
[wpex class="expander-link" more="Read more" less="Read less"]hidden text[/wpex]
expander使用方法
moreには展開前のテキスト、lessには展開後閉じる際のテキストを入力します。

ソース

<a onclick="wpex_toggle(1635011273, 'Read more', 'Read less'); return false;" class="wpex-link" id="wpexlink1635011273" href="#">Read more</a><div class="wpex_div" id="wpex1635011273" style="display: none;">hidden text</div>
<a onclick="wpex_toggle(1640481993, 'Read more', 'Read less'); return false;" class="expander-link" id="wpexlink1640481993" href="#">Read more</a><div class="wpex_div" id="wpex1640481993" style="display: none;">hidden text</div>

Example

ここにテキストが入ります。ここにテキストが入ります。[wpex more="続きを読む" less="閉じる"]続きを読むの続きはここから[/wpex]ここにテキストが入ります。ここにテキストが入ります。

expanderサンプル