有料版のはてなブログproの場合はトップページを一覧形式にできる。無料版は出来なくて、記事ページがいきなり全文ずらーと設定記事数だけ続くことになる。これではあまりにも増長なトップページで、読む気も失せるというもの。
そこで無料版でもできるだけトップページをすっきるさせるために採るべき対策を考えてみた。
「続きを読む」を駆使してすっきりさせてみよう
一つは「続きを読む」の機能を使って記事本文の最初の数行だけをトップページに表示させる。これによってずいぶんスッキリする。だが欠点としては画像の扱い。「続きを読む」の前に持ってくればいいのだが有料版の一覧形式のように小さめのサムネイルとして表示されるわけでないので不満は残る。いっそ「続きを読む」の前に画像を持ってこなければ文字だけのトップページですっきりするのだが、逆に味気なかったりする。悩むところだ。
コメントは記事ページにあれはいい
次に考えつく対策。コメントはトップページに必要なのかということ。各記事ページに遷移すればコメントは見える。2カラムのデザインテーマならサイドカラムにコメント一覧を表示させておくことも可能だ。なのでトップページでは表示しないようにする。
以下のコードをダッシュボード→デザイン→カスタマイズ→デザインCSS に貼る。
トップページのコメント欄のみを非表示。
/* トップページ コメント欄のみ非表示 */
.page-index .entry-footer div.comment-box{
display:none!important;
}
ソーシャルボタン・はてなスター・コメントを消す
コメントと同様これもトップページから消せばすっきりする。
以下のコードをダッシュボード→デザイン→カスタマイズ→デザインCSS に貼る。
トップページのソーシャルボタン・はてなスター・コメントを非表示にする。
/* トップページ「続きを読む」以下を非表示 */
.page-index .entry-footer{
display:none!important;
}
トップページから最新記事一覧に遷移させる
テーマにもよるかと思うが、この方法が最善策と思う。サムネ画像とタイトルと数行分の記事内容がコンパクトに纏められて表示される。だが無料版ではこれをやると広告が表示されないとかで規約違反らしい。なのでこの方法は却下。
時間が経つと忘れるのでここに備忘録として残しておく。
