🏗️ テーマ基盤上級

layout タグのフォーマット

Liquid の layout タグの書式をコード品質ツール(Prettier)でフォーマットするテストケース。スペースや改行位置の違いを正規化し、レイアウト名が壊れないことを検証する。

用途

theme-tools の Prettier プラグイン開発時に、layout タグの構文バリエーション（スペース有無、改行位置、none 指定）が正しくパース・フォーマットされるか確認する場面で使用。

設置場所

このコードはテストファイルであり、実装テーマに貼り付けるものではない。Prettier Liquid プラグインの unit test として packages/prettier-plugin-liquid/src/test/ 配下に配置され、npm test で自動実行される。

注意点

このファイルは theme-tools の内部テストであり、マーチャントが直接使用するコードではない。layout タグ自体はテーマの theme.liquid で 1 度だけ定義され、複数の layout を同時に指定することはできない。layout "layoutName" は Shopify OS 2.0 以降で「セクション」の概念に統合されているため、新規開発ではセクションベースの設計を推奨する。

タグ:layoutprettierformattertestliquid-syntax

コード

10 行 / liquid

It should never break a name
printWidth: 1
{% layout  "layoutName"  %}
{% layout "layoutName" %}
{%layout "layoutName"%}
{%- layout
"layoutName"
-%}
{%- layout none -%}

出典・ライセンス

Source:: Shopify/theme-tools/packages/prettier-plugin-liquid/src/test/liquid-tag-layout/index.liquid
Repository:: https://github.com/Shopify/theme-tools
License:: MIT

このコードは Shopify 著作の MIT ライセンスソースです。原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。

layout タグのフォーマット

コード

出典・ライセンス

関連項目

セクションスキーマのカスタムブロック定義

セクション呼び出しのフォーマット

レイアウトテンプレートの指定

Liquid フォーマッター互換のセクション表記

基本的なHTMLレイアウト

DOCTYPE宣言の構文サンプル