トップページの表示を変更しました - 今どきのホームページの作り方

サイトのトップページはPageButeのおかげで各ページに飛ぶようにしましたが、固定されたトップページの写真と文章がついて回ります。2ページ目以降に表示しない、という技もあるかもしれませんが、今回は自分が以前から使っている方法にしました。

トップページ下部を見てわかるとおり、ブログの日にちとタイトルがリストで表示されているだけです。クリックすれば記事のページへ行きます。

方法の詳細は割愛しますが、テンプレートで「ブログ記事の概要2」というのを別途作り、メインページのソースにある「ブログ記事の概要」を「ブログ記事の概要2」に変更しました。「ブログ記事の概要2」の中身は記事のエントリーの日付とタイトルだけをリストで表示させています。何件表示させるかは、PageButeの設定で取りあえず20件としてあります。20件を超えると2ページ目以降が作られるという具合です。

スタイルシートでulを使うと黒丸が付くようにしていたのですが、ブログのリスト部分は黒丸無しになるようにclassをつけて指定しています。当初の「ブログ記事の概要」はメインページ以外でも使われているため、敢えて別なブログ記事の概要のテンプレートを追加しました。

こうすることで、トップページは一見ブログには見えないスタイルになります。長い記事のブログをエントリーしてもトップページが巨大化することはありません。あくまでも記事のタイトルだけが変更されるだけです。一般的なサイトのWhat's Newのようなイメージでしょうか...。

それから多くの人に見てもらえたらと、アーカイブテンプレートの「ブログ記事」の下方にzenbackという色々なサイトとつながりが持てるツールを追加しました。自動的に関連するページなどを表示してくれます。

という改良を今日は施しました。下の写真は昨日の雷の写真です。雨が降る直前までカメラを構えてました。5秒間シャッターを開けっぱなしで撮影したので少しぶれてますが...。