A-key function 大学生が始めるべきネットビジネス起業

大学生のうちに始めるべきネットビジネス・資格などを紹介してます。

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

      2016/06/17

費用:0円 時間:10分

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

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

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

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

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

その名も Expander です!

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

sponsored link

インストール方法

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

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

Expander

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

そして、編集ページで


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

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

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

さらに読む

 

これでおkですね。

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

[<code>wpex class="wpex-link" more="Read more" less="Read less"]hidden text[/wpex]</code>

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

 

 

 - サイト作成, プログラミング ,

adsen

adsen

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


  関連記事