ブランドアセットの管理
[ブランド] 設定ページにブランドアセットを追加して、Brand APIと連携している販売チャネル、テーマ、アプリ全体で使用することができます。ブランドアセットを一元管理することで、すべての販売チャネルで一貫したブランディングを確保でき、新機能の設定にかかる時間を節約できます。
ブランド連携
ブランドアセットがどのように使用されるかは、販売チャネル、アプリ、またはテーマによって決まります。[ブランド] ページには、ストアでブランドと連携しているすべての販売チャネルとアプリのリストが表示されます。ブランドアセットはデフォルト設定として使用されます。つまり、ブランドアセットを追加すると、Brand APIを使用するすべての機能と自動的に同期されるということです。
互換性のあるテーマでは、ブランドアセットがテーマ設定に自動的に反映されます。ブランドアセットがテーマに自動的に入力されない場合は、アセットをテーマに手動で反映させる必要がある場合があります。
ブランドアセットをテーマに手動で接続するには、テーマエディタを開き、[テーマ設定] > [ロゴ] の順に開きます。[ロゴ] セクションで、[動的ソースを接続] ボタンをクリックします。
![テーマ設定のロゴの画像選択画面。[動的ソースを接続] ボタンがハイライト表示されています。](https://cdn.shopify.com/shopifycloud/help-center/manual/metafields/connect-dynamic-source.png)
ヘッダーで使用するブランドアセットを選択し、[接続] をクリックします。
![[動的ソースを接続] パネルで、[デフォルトのロゴ] が選択されています。](https://cdn.shopify.com/shopifycloud/help-center/manual/metafields/select-dynamic-source.png)
ブランドアセット
ブランドアセットは無料で作成できます。ビジネスの運営に役立つ無料ツールについて、詳しくはこちらをご覧ください。
ロゴ
ブランドのロゴ画像を追加します。デフォルトのロゴは、最も一般的なロゴの用途で使用されます。SNSチャネルやプロフィール写真には正方形のロゴが必要で、円形に切り抜かれる場合があります。ロゴ画像の周りに余白やスペースがないことを確認してください。テーマのヘッダーでロゴ画像を使用する場合、余白やスペースがあるとヘッダーが大きくなり、ロゴが小さく表示される原因になります。
テーマ設定でロゴを接続して、ヘッダー画像として使用したり、互換性のあるブロックに接続したりできます。チェックアウトのロゴをカスタマイズする場合は、チェックアウト設定を変更できます。通知のロゴをカスタマイズする場合は、メールテンプレートをカスタマイズできます。
ロゴの要件
ロゴ画像を選択またはアップロードする前に、ファイルが以下の要件を満たしていることを確認してください。
| ブランドアセット | 説明 | 要件 |
|---|---|---|
| デフォルトのロゴ | 最も一般的なロゴの用途で使用されるロゴです。優れたロゴとは、ストア名と同義であり、ブランドの原色で作成されたものを指します。 |
|
| 正方形のロゴ | SNSチャネルやプロフィール写真には正方形のロゴが必要です。プラットフォームが正方形の画像の代わりに円形の画像を使用する場合、このロゴは円形に切り抜かれることがあります。 |
|
ロゴファイルを追加する
管理画面から、[設定] > [一般] に移動します。
[ブランドアセット] セクションで、[管理] をクリックします。
[ロゴ] セクションで、画像の中からブランドロゴを追加または選択します。[ファイルを検索] で特定のファイル名を検索したり、[並べ替え] で既存の画像を並べ替えたり、ドロップダウンメニューで表示をリスト表示からグリッド表示に変更したりできます。また、コンピューターから[画像を追加] したり、別のウィンドウから画像をドラッグ&ドロップしたりすることもできます。
手順2を繰り返して、正方形のロゴを選択または追加します。
[保存] をクリックします。
ロゴ画像ファイルはいつでも変更または削除できます。ロゴタイプごとに1つのファイルしか設定できません。
色
ブランドには、オンラインストアやSNSで使用する、特定のプライマリーカラー、セカンダリーカラー、コントラストカラーを設定できます。
手順:
管理画面から、[設定] > [一般] に移動します。
[ブランドアセット] セクションで、[管理] をクリックします。
メインカラーを追加するには、カラーの見出しの下にあるメインセクションの + 記号をクリックします。
カラーピッカーを使用してメインカラーを選択するか、テキストボックスに有効な HEX カラーコードを入力します。
メインカラーのコントラストカラーを設定または調整します。
サブカラーを追加するには、サブセクションの + 記号をクリックします。
オプション:別のサブカラーを追加します。
サブカラーのコントラストカラーを設定または調整します。
[保存] をクリックします。
カバー画像
カバー画像は、プロフィールページやアプリでブランドを宣伝するための重要な画像です。
カバー画像の要件
カバー画像を選択またはアップロードする前に、ファイルが以下の要件を満たしていることを確認してください。
- ファイル形式:PNG または JPEG
- 画像の寸法:推奨される最小サイズは 1920 x 1080 ピクセル
手順:
管理画面から、[設定] > [一般] に移動します。
[ブランドアセット] セクションで、[管理] をクリックします。
[カバー画像] セクションで、+記号をクリックします。
カバー画像として使用する画像を選択します。また、特定のファイル名を検索したり、既存の画像を並べ替えたり、ドロップダウンメニューで表示をリストビューからグリッドビューに変更したりすることもできます。コンピューターから画像を追加するか、別のウィンドウから画像をドラッグアンドドロップすることもできます。
[完了] をクリックします。
[保存] をクリックします。
スローガン
スローガンは、ブランドのキャッチーな宣伝文句やタグラインです。スローガンの長さは、最大 80 文字です。+をクリックしてブランドのスローガンを追加し、[保存] をクリックします。
説明
ブランドの簡単な説明を追加します。この説明は、ストアのプロフィールやリスティングでよく使用され、長さは 150 文字以内です。+をクリックしてブランドの簡単な説明を追加し、[保存] をクリックします。
ソーシャルリンク
Starterプランをご利用の場合、ブランドコンテンツにソーシャルリンクを追加できます。Shopify管理画面の [ブランド] セクションに追加されたSNSアカウントへのリンクは、商品リンクに表示されます。
管理画面から、[設定] > [一般] に移動します。
[ブランドアセット] セクションで、[管理] をクリックします。
[ソーシャルリンク] セクションで、ドロップダウンメニューからSNSプラットフォームを選択します。
表示されているフィールドにアカウントへのリンクを入力します。URLは、https://instagram.com/shopifyやhttps://twitter.com/shopifyのように、完全な形式で入力します。
[保存] をクリックします。