ロゴ・色・タイポグラフィ・セクションスタイルを一箇所で設定するだけで、購入から会員ページまで全部にそのまま反映。チェックアウトをいじったらカスタマーアカウントが崩れた、はもう起きない。
Checkout の設定と Customer Accounts/Sign-in の設定が独立。色やロゴを直し漏れて、面によって見た目が違う状態になりがちだった。
「Checkout & Accounts エディタ」で一度設定すれば、チェックアウト/カスタマーアカウント/サインインの 3 面に一貫して反映。
ロゴ・色・タイポ・セクションスタイルを 1 箇所で設定し、Checkout/Customer Account/Sign-in に一貫適用。
「カラースキーム」の制約から解放、直接カラー値で指定可能。色数の制限なし。
ブランドカラーを最大 20 色までパレットに保存。パレットの色を 1 回直すと、使われている全箇所に反映。
面ごとに別ロゴ/別メイン背景色を指定可能。Shopify Plus は API 経由でより細かい上書きも可能。
| 項目 | 従来 | Unified Branding(新) |
|---|---|---|
| 設定箇所 | 分散 面ごとに設定 | 統合 Checkout & Accounts エディタ 1 箇所 |
| 色の指定方法 | カラースキームに割り当て(数に制限) | 直接カラー値 で自由指定 |
| ブランドカラーの管理 | 記載なし(個別に都度設定) | パレット保存 最大 20 色、変更は一括反映 |
| 面ごとの上書き | 記載なし | ロゴ・メイン背景色は標準で可。詳細は Plus + API |
| 面間の不整合リスク | 高 直し漏れで崩れる | 低 設定の出処が単一 |
管理画面から該当エディタへアクセス。
ロゴ・色・タイポグラフィ・セクションスタイルを設定。色はパレットに保存可。
Checkout・Customer Accounts・Sign-in に一貫適用。必要なら面別オーバーライドを設定。
Checkout・Customer Accounts・Sign-in のブランディング設定が一本化された。今後はこのエディタが「ブランド設定の真実の源」になる。
数に縛られた「カラースキーム」ではなく、直接カラー値で指定する方式へ。ブランドガイドラインの忠実な再現がやりやすくなった。
標準でできるのはロゴ/メイン背景色の差し替えまで。それ以上の面特化は Shopify Plus が Checkout and Accounts Configuration API から実施。
パレットの 1 色を更新すると、その色を参照しているすべての箇所が一斉に変わる。CSS の変数のように扱える設計思想。
既存に「Checkout Branding API」が存在するが、それと今回の Configuration API がどう統合/併存するかは元記事に 記載なし。導入前に dev docs での仕様確認が必要。アプリ/テーマ側のブランディング呼び出しがある実装は事前検証推奨。