美しさとグレースケールをテーマとした3段階でデザインが変わるシンプルなデザイン構成です。どんな大きさの画面でも見やすく、レスポンシブデザインに対応しています。
テーマZebraのアーカイブページ(記事一覧ページ)の記事部分のレイアウトを2行2列表示にしたい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。
/* アーカイブページ(記事一覧ページ)の記事部分のレイアウトを2行2列表示にする */ @media (min-width: 750px) { .archive-entries { justify-content: space-between } .page-archive .archive-entry { margin-right: 0; width: 49% } } @media (min-width: 1100px) { .page-archive .archive-entry { width: 49% } .page-archive .archive-entry:nth-of-type(3n) { margin-right: 0 } } .page-archive .archive-entry .entry-thumb-link { padding-top: 56.25% }
テーマAliceのアーカイブページ(記事一覧ページ)のアイキャッチ画像を3:2に変更したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。デフォルト設定は正方形です。
/* アーカイブページ(記事一覧ページ)のアイキャッチ画像を3:2にする */ .page-archive .archive-entry .entry-thumb-link { padding-top: 66.67% }
テーマAliceのアーカイブページ(記事一覧ページ)のアイキャッチ画像を4:3に変更したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。デフォルト設定は正方形です。
/* アーカイブページ(記事一覧ページ)のアイキャッチ画像を4:3にする */ .page-archive .archive-entry .entry-thumb-link { padding-top: 75% }