「続きを読む」を設定し本文の一部だけを最初に表示する

広告

Blogger などで作成したブログではトップページに複数の記事が表示されます。本文が非常に長い記事が多い場合には記事の本文をすべて表示するのではなく一部分だけを表示しておき、「続きを読む」と表示されたリンクをクリックしたときに初めて本文を全部表示するようにすることができます。ここではトップページなどの記事一覧で記事が表示されるときに本文をどこまで表示するのか区切りを設定する方法について解説します。

「続きを読む」を設定する

それでは実際に試してみます。新しい記事を作成し記事のタイトルと本文を次のように入力しました。

「続きを読む」を設定する(1)

この記事を投稿して公開すると、記事の個別ページはもちろんですが、ブログのトップページにも記事の本文がすべて表示されます。

「続きを読む」を設定する(2)

「続きを読む」を設定する(3)

このように本文がある程度長い記事の場合、ブログのトップページなど記事の一覧が表示されるところでは記事の一部だけを表示して残りは「続きを読む」をクリックして初めて本文をすべて読めるようにすることができます。

それでは設定を行ってみます。記事の作成画面または編集画面で、トップページで表示する境目のところをクリックしてカーソルを設定してください。その後で「追記の区切りを挿入」をクリックしてください。

「続きを読む」を設定する(4)

カーソルがあった位置の前に次のような横棒が表示されます。この横棒よりも上の部分がブログのトップページなど記事の一覧で表示される場合に表示される部分となります。

「続きを読む」を設定する(5)

それでは記事を投稿して公開してください。その後でブログへアクセスしてみるとトップページには記事の本文がすべて表示されるかわりに記事の一部だけが表示されて最後に「続きを読む」という表示がされています。

「続きを読む」を設定する(6)

「続きを読む」を設定する(7)

「続きを読む」をクリックするとトップページの中で記事の残りの部分が展開されるのではなく、記事の個別ページが表示されて記事の本文がすべて表示されます。

「続きを読む」を設定する(8)

このように本文が長い記事について、記事一覧で表示される場合に記事の一部だけを表示させることができます。

-- --

トップページなどの記事一覧で記事が表示されるときに本文をどこまで表示するのか区切りを設定する方法について解説しました。

( Written by Tatsuo Ikura+ )

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

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。