ワンポイントの色彩をテーマとした4段階でデザインが変わるシンプルなデザイン構成です。どんな大きさの画面でも見やすく、レスポンシブデザインに対応しています。
テーマRosaのアーカイブページ(記事一覧ページ)のアイキャッチ画像を3:2に変更したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。デフォルト設定は16:9です。
/* アーカイブページ(記事一覧ページ)のアイキャッチ画像を3:2にする */ .page-archive .archive-entry .entry-thumb-link { padding-top: 66.67% }
テーマTangoのアーカイブページ(記事一覧ページ)のアイキャッチ画像を4:3に変更したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。デフォルト設定は16:9です。
/* アーカイブページ(記事一覧ページ)のアイキャッチ画像を4:3にする */ .page-archive .archive-entry .entry-thumb-link { padding-top: 75% }
テーマTangoのサイドバーのタイトル部分を水平にしたい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。
/* サイドバーのタイトル部分をを水平にする */ .hatena-module-title { margin: 0 0 20px; transform: rotate(0) skew(0) }
テーマTangoのサイドバーのタイトル部分のリボンをはずしたい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。
/* サイドバーのタイトル部分のリボンをはずす */ .hatena-module-title::before, .hatena-module-title::after { border: none }
テーマRosaの見出しデザインをリセットしたい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。
/* 見出しデザインをリセットする */ .entry-content h1::before, .entry-content h1::after, .entry-content h2::before, .entry-content h2::after, .entry-content h3::before, .entry-content h3::after { content: "" } .entry-content h4, .entry-content h5, .entry-content h6 { border-bottom: none }