nekatsu https://blog.hatena.ne.jp/nekatsu/ ねかつちう。 https://www.nekatsu.com/ カスタマイズ こんにちは、ちうぱんです。 サイドバーの記事リストにサムネイル表示が実装されましたが、いまひとつデザインが野暮ったいのでカスタマイズすることにしました。 ちなみに、デフォだとこんな感じ。 記事リストに関係するクラス名など 記事リストのデザインには多数のIDやクラスが設定されていますが、今回いじってあげるのは次の3つです。 .urllist-date-link投稿日のID名です .urllist-title-link記事タイトルのクラス名です .urllist-categoriesカテゴリーのクラス名です ちなみに、上記のID名とクラス名は、最新記事、注目記事、関連記事の全てで共通です。 もしも… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.nekatsu.com%2Fentry%2Fcustomize-entrylist0628" title="サイドバーの記事リストをCSSでカスタマイズする方法 - ねかつちう。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/n/nekatsu/20170628/20170628101447.png Hatena Blog https://hatena.blog 2017-06-29 07:30:00 rich https://www.nekatsu.com/entry/customize-entrylist0628 1.0 100%