Bloggerで標準テンプレートを使って記事を書いていると、ブログのトップページには投稿された記事が新しい順に並び、しかも記事全文が表示されています。
これは2017年2月現在のBlogger標準テンプレートの仕様でしょう。
Bloggerのデフォルト表示記事数は"７"に設定されています。そのまま記事を書き続けると、トップページには"７記事が全文表示された状態"で投稿順に並ぶという状態になってしまいます。
これでは見るほうも大変です。とくにスマホからの閲覧者にとってはスクロール地獄だと思います。
やはり、トップページには記事の冒頭文のみ、かつ一覧形式で表示するのが見やすいと思います。
そんなときに便利な機能が、この「続きを見る」リンクの設定です。
以下に【作成】と【HTML】での設定手順を説明します。
設定は一瞬で済むので簡単です。
【作成】から"続きを読む"を設定する
リンクを差し込みたい箇所にカーソルを合わせて、上図右側の赤枠のアイコンで設定できます。
【HTML】から"続きを読む"を設定する
リンクを差し込みたい箇所に、<!--more-->タグを埋め込んでください。
それでは、このタグの設定前と後で、トップページ上でどう表示が変化するのか見てみましょう。
設定前
設定後
"さしすせそ"の後に<!--more-->タグを記述したことで、トップページ上では、冒頭から"さしすせそ"まで表示され、そのあとに【続きを読む】リンクが表示されました。
この「続きを読む」リンクは自分の好みの箇所に埋め込むことができます。これを組み込むことでトップページがものすごく縦長のページになってしまう状態を改善することができるのです。
ぜひ試してみてください！
