Horizonテーマにカラムごとの幅比率を指定できるカスタムブロック(blocks/column.liquid と snippets/column.liquid)を追加する方法です。標準の group ブロックでは幅比率を直接指定できませんが、このブロックを追加するとテーマエディタで13種類のプリセット+カスタム比率入力でレイアウトを自由に設定できます。既存ファイルへの変更は不要です。

プリセット一覧
1列〜6列まで13パターン+カスタム比率入力に対応しています。デスクトップとモバイルで独立して設定できるので、PC では横並び・スマホでは縦積みといった表示切り替えも簡単です。


ブロック実装
blocks/column.liquid でスキーマ定義(カラム比率プリセット・gap・外観設定)と子ブロック収集を行い、snippets/column.liquid でCSS Gridの grid-template-columns を生成します。スコープされたスタイルを出力するため、同一ページに複数配置しても干渉しません。


