「続きを読む」の前に複数行の内容を表示

gooブログでは、ブログ情報で「トップページの記事表示タイプ：書き出しのみ表示する」を選択することで、トップページには「書き出し」部分のみを表示して、「続きを読む」のリンクを開くことで記事全体を表示するように、設定を変更することができます。
しかし、この設定で表示される「書き出し」の部分は僅か1行なので、寂しい思いをしている人もいるのではないでしょうか？

この記事では、本文欄にちょっとしたタグを使うことで「トップページの記事表示タイプ：書き出しのみ表示する」の設定でも「複数行の内容をトップページに表示する」方法を紹介します。
＃ 以前紹介した手動「続きを読む」とは異なる手法です

結論から言うと、トップページに表示したい「書き出し」部分については、本文欄の「改行」を<br style="clear">に置き換えるだけです。

例えば、本文欄が以下のような値だとします。

ここは、1行目のテキスト。(改行)
ここは、2行目のテキスト。(改行)
ここは、3行目のテキスト。(改行)
ここは、4行目のテキスト。(改行)
　:

トップページには、以下のように表示されます。

通常のトップページ表示内容
ここは、1行目のテキスト。 . . . 続きを読む

「続きを読む」のリンクを開いた記事単体は、以下のように表示されます。

通常の記事表示内容
ここは、1行目のテキスト。 ここは、2行目のテキスト。 ここは、3行目のテキスト。 ここは、4行目のテキスト。 　：

「書き出し」部分が僅か1行って、あまりに寂しいですよね？
ということで、本文欄をちょっと変更してみましょう。

ここは、書き出し1行目。<br style="clear">ここは、書き出し2行目。(改行)
そして、改行の後から本文を書き始める。(改行)
本文は通常通りに書いてもよいのだが、実はちょっとだけクセがある。(改行)
　:

トップページには、以下のように表示されます。

工夫した場合のトップページ表示内容
ここは、書き出し1行目。ここは、書き出し2行目。そして、改行の後から本文を書き始め . . . 続きを読む

「続きを読む」のリンクを開いた記事単体は、以下のように表示されます。

工夫した場合の記事表示内容
ここは、書き出し1行目。 ここは、書き出し2行目。 そして、改行の後から本文を書き始める。 本文は通常通りに書いてもよいのだが、実はちょっとだけクセがある。 　：

ということで、2行目の内容もトップページに表示されるようになりました
＃ トップページの表示が複数行になる訳じゃないんですが

でも、ちょっと変ですね？
本当は「～書き出し2行目。 . . . 続きを読む」となって欲しいところですが、「続きを読む」の前に「そして、改行の後から本文を書き始め」という17文字が余計に出力されちゃいます。
実は、「改行」の前に<br style="clear">（18文字）をn回使うと、「改行」の後の18n-1文字が余分に表示されてしまうのです。
＃ 10回使うと、179（18×10－1）文字余計に表示される

まぁ、トップページには出力されないものの「改行」も1文字とカウントされるので、最初の「改行」を含めた18n文字が余分に表示されると考えた方が簡単かも知れません。
具体的な表示イメージは、『子供、いらない』付録GOのトップページや「続きを読む」の表示行数を増やすテストをご覧ください。

また、トップページに複数行表示したり、imgタグやaタグも使いたい場合は、手動「続きを読む」の方法で頑張るしかないかも知れません。

● 設定を変更する - gooブログ
● 「続きを読む」の表示行数を増やすテスト - 『子供、いらない』付録GO 2005年10月11日23:59
● 表示方法を元に戻す(手動「続きを読む」) 2005年06月07日23:21