時間を見つけては、Shopifyの新テーマ「Horizon」を試しています。

直感的に要素を横並びにレイアウトできるようにしたかったので、構造を探りつつオリジナルの「カラム」ブロックを作成しました。
テーマブロックとして定義したことで、さまざまなセクションで利用可能になり、ネストにも対応。組み合わせ次第でかなり自由なレイアウトが組めそうだという手応えを得られました。

新テーマを使いこなすにあたっては、
「テーマブロックを活かしつつ、どこまでメンテナンスしやすい構造にできるか」
「できるだけコードカスタマイズをせずに柔軟な表現を実現できるか」
などを意識しながら取り組んでいます。

テーマブロックのネストやAI生成ブロックを含む柔軟なレイアウトを、どう設計・制御するかが今後ますます重要だと実感しています。

社内用ドキュメントをまとめながら、新テーマを深く理解し、どう使いこなしていくかを検証中です。

#Shopify #Horizon #ShopifyTheme

Xで見る