はてなブログのデフォルトテーマをもっと見やすく直した。

課題

カテゴリページの表示をもっと良くしたい。

f:id:tkymtk:20131214235512p:plain

問題点

余計な情報が多い
カテゴリの記事一覧が見たいのに、やたらとタグや日付が強調されています。これでは、そのページで一番欲しい情報（そのカテゴリの記事一覧）が一目で得られません。このページにアクセスする人は、特定のカテゴリにある記事を見たくてくるのでしょうから、そこで一番知りたい情報が一番強調されるべきです。

改善

日付の消去
まず、日付がこんなに強調される理由がありません。ここはカテゴリ記事一覧のページです。日付別アーカイブではないので、日付は消すか、最低限の表示にします。
カテゴリタグの消去
次に、このタイトルの前についているタグっぽいカテゴリ表示をどうにかしたいです。このページでは、カテゴリに属する記事を知りたいのであって、記事が属するカテゴリを知りたいのではありません。なので、これは完全に消去します。
その他
文字を大きくして読みやすくします。また、パンくずリストの表示もせっかくなのでタグっぽく変更し、より統一感のある演出にします。

CSSの設定

管理画面 > デザイン > カスタマイズ > デザインCSS
に以下を追加

/* archive */

.categories a {
    font-size: 13px;    
}

.page-archive .categories a {
    display: none;
}

.page-archive #main-inner h1 a {
    color: #777;
    font-size: 12px;
    font-weight: normal;
}

.page-archive #main-inner section {
    margin-bottom: 5px;
}

.page-archive #main-inner .entry-title {
    font-size: 18px;
    line-height: 2;
}

.page-archive .breadcrumb span {
    color: #666;
    font-size: 15px;
    background: #f5f5f5;
    padding: 3px 10px;
    white-space: nowrap; 
}