Zebra

美しさとグレースケールをテーマとしたシンプルなデザイン構成です。どんな大きさの画面でも見やすく、レスポンシブデザインに対応しています。iPhone iPadの縦向きは1カラム、PC iPadの横向きはは2カラムレイアウトになります。

テーマZebraのアーカイブページ(記事一覧ページ)の記事部分のレイアウトを2行2列表示にしたい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。

/* アーカイブページ(記事一覧ページ)の記事部分のレイアウトを2行2列表示にする */

@media (min-width: 768px) and @media (min-width: 1100px) {
    .page-archive .archive-entry {
        width: calc(50% - .5em)
    }
}
.page-archive .archive-entry .entry-thumb {
	aspect-ratio: 16 / 9
}

テーマZebraのアーカイブページ(記事一覧ページ)のアイキャッチ画像を3:2に変更したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。デフォルト設定は正方形です。

/* アーカイブページ(記事一覧ページ)のアイキャッチ画像を3:2にする */

.page-archive .archive-entry .entry-thumb {
    aspect-ratio: 3 / 2
}

テーマZebraのアーカイブページ(記事一覧ページ)のアイキャッチ画像を4:3に変更したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。デフォルト設定は正方形です。

/* アーカイブページ(記事一覧ページ)のアイキャッチ画像を4:3にする */

.page-archive .archive-entry .entry-thumb {
    aspect-ratio: 4 / 3
}

テーマZebraのアーカイブページ(記事一覧ページ)のカード型デザインの枠線を消したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。

/* 追加 枠線を消す */

.page-archive .archive-entry {
    border: none
}

テーマZebraのサイドバーの注目記事のランキングカウンターを消したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。

/* ランキングカウンターを消す */

#box2 .hatena-module-entries-access-ranking .hatena-urllist li::before,
#box2 .hatena-module-entries-access-ranking .hatena-urllist li:nth-of-type(1)::before,
#box2 .hatena-module-entries-access-ranking .hatena-urllist li:nth-of-type(2)::before,
#box2 .hatena-module-entries-access-ranking .hatena-urllist li:nth-of-type(3)::before,
#box2 .hatena-module-entries-access-ranking .hatena-urllist li:nth-of-type(n+9)::before  {
    background-color: transparent;
    content: none
}
#box2 .hatena-module-entries-access-ranking .urllist-date-link,
#box2 .hatena-module-entries-access-ranking .urllist-title-link {
    margin-left: 0
}