余分な文章や特定のテキストを非表示にしておきたい時ってありませんか？
例えば、
・詳細は長いので閉じておきたい
・クイズの答えを隠しておきたい
・ネタバレ事項は閉じてみたい人だけ見る
そのような内容をはじめは閉じておいて、開きたい人だけ開くようにしたいと。
文章の閉じ開きを簡単にできるプラグインがあります！
いろいろあるので迷いましたが、
私はシンプルな「Read More Without Refresh」を使ってみることにしました。
直訳すると「更新しないで続きを読む」ですかね。ネーミングもシンプルです。
アイコンが見つけにくいですが、、こちら！
 |
どのようなプラグインかというと、ショートコード呼び出しを介して、Javascriptアクションを利用して「テキストを表示・非表示」ができるプラグインです！
Read More Without Refresh インストールしてからの使い方！
ワードプレスの左側に「RMWR Settings」というのが出てくるはずです。
こちらです。これを開いて設定します。
いろいろ設定できますが、赤点線の部分が重要です。
閉じている時(開くため)の文言と、開いた時(閉じるため)の文言が設定できます。
私はクイズの答えを閉じたかったので「答えを表示」「答えをたたむ」にしました。
「詳細を表示」とか「説明を開く」など自分の閉じたい内容に合わせて設定できます。
他、文字色や背景色なども設定できます。
いろいろ試してみてください(煩雑なので割愛！)。
Read More Without Refresh ショートコードの設定！
最後にどのようにショートコードでJavascriptアクション、つまり、機能を呼び起こすかという話です。
簡単です。閉じ開きしたい文章を
[read more] 閉じたい文章です[/read]
のように挟めばOKです。
ちょっとやってみます。
私の設定は「答えを表示」になっていますが気になさらずに。。
このようにアカ字の文章が開いたり閉じたりできます。
こちらは、自分用のメモでしたが、最後まで読んでいただいた方ありがとうございます。
実は、「答えを表示」「答えをたたむ」のタイプ以外にも使ってみたく、違うプラグインを２つ入れればいいのか、複数設定できるプラグインがあるのかは今後の悩みです。何かいい方法を知っている方はお便りください。よろしくお願いいたします。
コメント