記事一覧をカード風に表示するカスタマイズを作りました（はてなブログ） - 小さな星がほらひとつこんにちは。 当ブログでは「記事一覧ページをトップページとして表示する」カスタマイズを導入しています。 blog.wackwack.net 今回はこの味気ない一覧をもう少し何とかできないか！？と思い、 記事一覧のレイアウトを（スマホの時は）カード風に表示するカスタマイズ を作ってみました。と言ってもスクリプトは無し、CSSの設定のみです。 こんな感じになります PCページの場合 記事を2列にレイアウトします。 マウスをかざした記事のバーの色が変わります。（この例では青→ピンク） スマホページの場合 記事をカード風にレイアウトします。 アイキャッチとタイトルだけの見出しです。 設定方法 トップページを記事一覧に設定する デザインCSSを設定する カスタマイズ PC表示時のバーの色と背景色を変える 通常時の色 マウスオーバー時の色 マウスオーバー時のアニメーションを消す スマホ表示時のタイトル
