🧩 ブロックテーマ レイアウトシミュレーター

theme.json を動かして確認
https://koro-koro.com/

🌕 全幅ブロック(alignfull)

画面の端から端まで100% ← ヒーローセクションなどに使う
theme.jsonって何をするファイル?
CSSで書いていたレイアウトの設定が、theme.jsonひとつに集約されます。色・フォント・余白・幅…すべてここで管理します。
✅ まとめ:contentSizeを設定するだけで本文の幅が自動で整います!

🖼️ 幅広ブロック(wideSize幅で表示)

contentSizeより広い!画像やテーブルをここに置く
ブロックテーマでは、CSSのmax-widthをtheme.jsonのcontentSizeで置き換えます。幅広ブロックはwideSizeまで広がります。

📐 contentSize とは?

スライダーを動かすと本文エリアの最大幅が変わります。 CSSの max-width に相当する設定です。 狭くすると読みやすく、広くすると情報量が増えます。