はてブ記事一覧表示の方法

 はてなブログの記事一覧・カテゴリー一覧、検索結果を表示するページで、以前ははてなダイアリーの様に、記事のタイトルだけがダーっと表示されていたのですが、突然タイトルの回りにサムネイル画像と記事本文のサマリーがつく形に変わって、従来の様に古い記事を探すのが厄介になったと思っていたのですが、はてな人力検索の方で、簡単なcssをコピペするだけで、元の形に戻せる方法が紹介されていたので、ご紹介したいと思います。

 本当は、サイドバーにタイトル一覧を表示し、記事本文の所はタイトル・サムネイル・サマリーを表示すりゃいいと思うのですが、まだ他のブログでもあまり見かけませんし、技術的に難しい事なんでしょうか。。

Q【はてなブログ記事一覧ページ(archiveページ)のサムネイル画像と記事本文を非表示にし、はてなダイアリーのような見出しのみのリストにしたいです】

 

A

f:id:itisuke:20161106124321p:plain

.archive-entry .entry-description, .entry-thumb, .social-buttons {
    display: none;
}
.page-archive .archive-entries section {
    margin-bottom: 0px;
}

デザイン設定ページのデザインCSSに、上記のCSSを追加する事で、日付、カテゴリ、タイトルの表示にすることができますが、はてなダイアリーと全く同じにするにはもう少し手を加える必要があるようです。

 

↓元記事↓   

はてなブログの記事一覧ページ(archiveページ)のサムネイル画… - 人力検索はてな

広告を非表示にする