「続きを読む」の設定

ブログでは記事の一覧が順に表示されますが、1つの記事に多くのコンテンツが含まれている場合など、記事の数をある程度一度に表示させると1つのページがとても大きくなってしまいます。このような場合に一覧表示するときは記事の一部分だけを表示させることが出来ます。

使用するツールバー上のアイコンは次の通りです。

ビジュアルエディタの本文入力エリア内に記述された文字列の中で、一覧で表示したい最後の位置をマウスでクリックしてキャレットを移動します。

ツールバー上の次のボタンをクリックします。

下記のようにキャレットがあった位置で上下に別れ、間に点線が表示されます。点線より上の部分が一覧で表示される部分となります。

コードビューで確認すると次のようになっています。

分断した位置に <!--more--> と言うコメントが挿入されています。WordPressでは <!--more--> と言う記述があると、「この投稿の続きを読む »」と書かれた記事の全文が表示されるページへのリンクを設置してくれます。

ブログでの確認

では編集を保存して頂きブログでどのように表示されるのかを確認してみます。

記事が全文表示されず「この投稿の続きを読む »」と書かれたリンクが表示されていることが分かります。

リンクをクリックすると記事の全文が掲載されたページが表示されます。(表示される位置は <!--more--> が設置された次の行が一番上に表示されるように表示されます)。