「続きを読む」
記事の一部を表示せず、読みたい人だけが「続きを読む」をタップすることで文章を表示させる方法を記載しておきます。
プラグイン WP show more
プラグイン Show more を利用します。ショートコードを利用するのでとても簡単です。
WP show more をインストール・有効化
ショートコード [/show_more][ ~ / show_more] 間の記事を折りたたむことができます。
- WP show more をインストールする
- WP show more を有効化する
プラグインをインストールする前には、もしものためにバックアップをとっておきます。
記事に「続きを読む」を挿入する手順
ショートコードを利用します。WP show more を有効化すると、設定などありません。ショートコードを利用するだけです。
ショートコード
[show_more more="続きを読む" less="閉じる" ]
[/show_more]
ショートコード間の記事が折りたたまれます。続きを読むや閉じるは他の言葉を入れても構いません。
(例)の記述
上記(例)のショートコードは次の通りです。「続きを読む」で表示され、「閉じる」で非表示になるように設定しています。
[show_more more="続きを読む" less="閉じる" color="#ff69b4" list="»»" size ="150" ]
[/show_more]
「続きを読む」の文字色・サイズを変える
次のパラメーターが使えます。
- more=”show more”
- less=”閉じる”
- color=”#0066CC”
- list=”»”
- align=”left” | “center” | “right”
- size=”120″
more=”show more” | リンクテキスト・表示する |
less=”閉じる” | リンクテキスト・非表示 |
color=”#0066CC” | リンクの文字の色 |
list=”»” | リンクテキストの前に付ける |
align=”left” | “center” | “right” | 左・中央・右 |
size=”120″ | リンクの文字の大きさ(%) |