ネタバレなどをクリックすると表示非表示に切り替えるプラグイン【WordPress】

費用：0円　時間：10分

番組などの紹介をブログで行う際、話の都合上ネタバレを書きたくなることありますよね。

正直、番組などのコンテンツの面白い部分というは核心部分にあるわけで、それを知ってしまえば面白さがなくなるのです。

しかし、書きたい。面白さを知っている人間同士で共有したい場合とか、ネタバレおｋな人に対してね。

ということで、クリックすると表示・非表示の切り替えができる方法を考えました。

javascriptとかphpでやる方法もあるのですが、せっかくWordpressでサイト作成をしているので、便利なpluginを利用します。

その名も Expander です！

それでは実際にプラグインの解説を。

sponsored link

インストール方法

月並みですが、Wordpress管理画面＞＞プラグイン＞＞新規追加をクリックしましょう。

そして、Expanderで検索しましょう。

で今すぐインストールして、有効化すればおｋです。

そして、編集ページで

［wpex more="さらに読む" less="閉じる"］ネタバレ［/wpex］

と書いたと仮定しましょう。但しwordpressの設定上、本来[]半角括弧である部分が［］全角括弧になっているので、コピペする際は変更してください。

すると以下のようになります。

これでおｋですね。

また、この表示・非表示のpluginに新たにスタイルを設定したい場合は、

［<code>wpex class="wpex-link" more="Read more" less="Read less"］hidden text［/wpex］</code>

という感じで、classを書き足すことができるのでやってみましょう。