「続きを読む」を使ってトップページに記事が表示された時に本文の一部だけを表示する

広告

WordPressで作成したブログのトップページを表示すると、新しく投稿したものから順に記事の本文が表示されます。特に設定をしない場合、本文全てが表示されますが、トップページでは本文の一部だけを表示しておき「続きを読む」をクリックすると本文全てが表示されるように変更することができます。ここでは「続きを読む」を挿入する方法について解説します。

「続きを読む」を挿入する

ブログを表示すると、トップページには次のように記事が新しいものから順に表示されます。それぞれの記事では記事の本文が全て表示されています。

p5-1

p5-2

本文が非常に長い記事が多い場合、トップページ上では本文の一部だけを表示させることができます。それでは実際に行ってみます。新しい記事を作成する時にも設定は行えますが、今回は既存の記事を変更してみます。画面左側の「投稿」メニューの中にある「投稿一覧」メニューをクリックして下さい。

p5-3

「投稿」画面が表示されます。これまで投稿された記事の一覧が表示されています。

p5-4

記事一覧の中から編集したい記事にマウスを合わせ、表示されたメニューの中から「編集」をクリックして下さい。

p5-5

記事の編集画面が表示されます。

p5-6

記事の本文の中で、トップページに記事が表示された時にここまでは表示させたいという位置にカーソルを合わせ、その後で「「続きを読む」タグを挿入」アイコンをクリックして下さい。

p5-7

カーソルがあった位置の後ろに「MORE」という表示がされるようになります。

p5-8

テキストエディタで次のように入力した場合と同じです。

<!--more-->

準備はこれで完了です。それでは画面右上に表示されている「更新」をクリックし、記事を更新して下さい。

p5-9

-- --

それでは改めてブログのトップページを表示してみます。

p5-10

一番最初に表示されていた記事について、本文がすべて表示されていましたが現在は本文の一部だけが表示されて、その後に「続きを読む」という表示がされるようになりました。表示されている部分は、記事を編集した時に「続きを読む」タグを挿入した位置までとなります。

p5-11

対象の記事のタイトルか「続きを読む」をクリックすると記事のページを表示されて、記事の本文を全て読むことができます。

p5-12

「続きを読む」は記事毎に設定を行い、どこまでを表示するのかについても自分で設定ができます。トップページでは記事の一部だけを表示したい場合などに利用されて下さい。

WordPressの使い方の他の記事を見てみる

( Written by Tatsuo Ikura )

関連記事 (一部広告含む)