WordPressの「Hitchcock」テーマで、
📸 写真(投稿一覧)を3列 → 2列にしたい場合は、以下のCSSを追加すればOKです ✅
🎨 手順
- 管理画面から
「外観」→「カスタマイズ」→「追加CSS」 を開く。 - 下のコードをコピー&ペースト👇
/* ───────────────────────────────
Hitchcockテーマ:投稿一覧を2列表示に変更
─────────────────────────────── */
.posts {
display: grid;
grid-template-columns: repeat(2, 1fr); /* ← 2列表示に設定 */
gap: 30px; /* 写真の間隔を調整(お好みで変更可) */
}
/* スマホなど小さい画面では1列に */
@media (max-width: 768px) {
.posts {
grid-template-columns: repeat(1, 1fr);
}
}
- 右上の「公開」ボタンを押して保存。
💡 補足ポイント
.postsがHitchcockテーマのメイン投稿グリッドです。gap:の数値を変えると写真の余白を調整できます。
例:gap: 20px;にすると詰まった感じに。- このCSSはテーマアップデート後も有効(追加CSSに書いていれば上書きされません)。
