お店のロゴと色をまとめて登録する — 管理画面の「ブランドアセット」の登録場所と、使われる先

2026年10月22日

ロゴや色を、テーマや販売チャネルのたびに入れ直すことになるのかと、手間を心配されている方もいらっしゃると思います。
Shopify の管理画面には、ロゴや色などのブランドの素材を、ブランドアセット（ブランドの素材一式）としてまとめて登録しておく場所があります。
この記事では、その登録の場所と手順、そして登録した素材がどこで使われると書かれているかを、公式ヘルプの記載に沿って並べていきます。

手順と仕様は、Shopify ヘルプセンターの2ページの記載に沿っています。
テーマエディタ（テーマの見た目を整える編集画面）の開き方と画面の見方は、テーマエディタで「セクション」と「ブロック」を足すにまとめています。
テーマそのものの選び方は、最初のテーマの選び方 — 無料テーマから始めるときの見どころで扱っています。

ブランドアセットで登録できるもの

ブランドアセットと聞いても、何をどこまで入れておく場所なのか、最初は見当がつきにくいかもしれません。
公式ヘルプの「ブランドアセットの管理」のページには、次の項目が並んでいます。

ロゴ：デフォルトのロゴと、正方形のロゴの2種類を登録します。
色：メインカラー（色の節の冒頭の表記では「プライマリーカラー」）、サブカラー（同じく「セカンダリーカラー」）、それぞれのコントラストカラー（ヘルプの手順で、メインカラーとサブカラーごとに設定または調整する色）を設定します。
カバー画像：プロフィールページやアプリでブランドを宣伝するための画像です。
スローガン：ブランドのキャッチーな宣伝文句やタグライン（短い決め文句）です。
説明：ブランドの簡単な説明で、ストアのプロフィールやリスティング（商品などの掲載）でよく使用されると書かれています。
ソーシャルリンク：SNS アカウントへのリンクです（後で述べるプランの条件があります）。

ブランドアセットは無料で作成できる、とも書かれています。
上から順に、ご自身のお店ですでに決まっているものと、まだ決まっていないものを分けておくと、登録のときに迷いにくくなります。

登録する場所

どの画面を開けばよいのか、設定の多い管理画面（お店の裏側の操作画面）では探しにくいところだと思います。
ヘルプのページの冒頭では、[ブランド] 設定ページにブランドアセットを追加する、と書かれています。

ロゴ、色、カバー画像、ソーシャルリンクの手順は、どれも2つの操作から始まる形で書かれています。
管理画面から [設定] > [一般] に移動し、[ブランドアセット] セクションで [管理] をクリックする、という操作です。
そのあと、ロゴ、色、カバー画像などの項目ごとに追加や選択をして、最後に [保存] をクリックする流れです。
スローガンと説明は、+ をクリックして文を追加し、[保存] をクリックする手順として書かれています。
入れたい素材を手元にそろえてから [管理] を開くと、一度で登録を終えやすくなります。

ロゴの要件と登録の手順

ロゴの画像をどんな形で用意すればよいか、作る前に知っておきたい方も多いと思います。
ヘルプには、2種類のロゴについて、次の要件が書かれています。

デフォルトのロゴ：最も一般的なロゴの用途で使用されるロゴで、PNG または JPEG 形式、幅 512 ピクセル以上です。
正方形のロゴ：SNS チャネル（SNS の掲載先）やプロフィール写真で使うロゴで、PNG または JPEG 形式、推奨される最小サイズは 512 x 512 ピクセルです。

正方形のロゴは、プラットフォーム（掲載先のサービス）が円形の画像を使う場合、円形に切り抜かれることがあると書かれています。
また、ロゴ画像の周りに余白やスペースがないことを確認するよう案内されています。
テーマのヘッダー（ページ上部の帯の部分）でロゴ画像を使う場合、余白があるとヘッダーが大きくなり、ロゴが小さく表示される原因になる、というのがその理由です。

登録の手順は、次のとおりです。

管理画面から、[設定] > [一般] に移動します。
[ブランドアセット] セクションで、[管理] をクリックします。
[ロゴ] セクションで、画像の中からブランドロゴを追加または選択します。
正方形のロゴを選択または追加します。
[保存] をクリックします。

ヘルプの表記は「手順2を繰り返して」です。手順2は [管理] のクリックで、どの操作を繰り返すのかは、これ以上書かれていません。

手順3では、[ファイルを検索] でファイル名を探したり、コンピューターから [画像を追加] したり、別のウィンドウから画像をドラッグ&ドロップ（つかんで運んで離す操作）したりできると書かれています。
要件を満たしていない画像を選ぶと、エラーメッセージ（うまくいかないことを知らせる表示）が表示されると書かれています。
ロゴ画像ファイルはいつでも変更または削除できますが、ロゴタイプごとに1つのファイルしか設定できません。
2種類とも先に用意しておくと、登録のときに手が止まりにくいと思います。

色の登録と、プランによる違い

お店の色を決めるといっても、何色を、どの欄に入れればよいのか迷うところだと思います。
ヘルプには、ブランドにはオンラインストアや SNS で使用する、特定のプライマリーカラー、セカンダリーカラー、コントラストカラーを設定できると書かれています。

管理画面から、[設定] > [一般] に移動します。
[ブランドアセット] セクションで、[管理] をクリックします。
カラーの見出しの下にあるメインセクションの + 記号をクリックします。
カラーピッカー（色を選ぶ道具）でメインカラーを選ぶか、テキストボックスに有効な HEX カラーコード（色を表す英数字の記号）を入力します。
メインカラーのコントラストカラーを設定または調整します。
サブセクションの + 記号をクリックして、サブカラーを追加します。
オプションとして、別のサブカラーを追加します。
サブカラーのコントラストカラーを設定または調整します。
[保存] をクリックします。

プランの要件として、ヘルプには次の一文があります。

Starter plan をご利用の場合、サブカラーは利用できません。

Starter plan をご利用の場合は、手順6から8（サブカラー）が使えない、と覚えておくと戸惑いにくくなります。

カバー画像・スローガン・説明

ロゴと色のほかにも、カバー画像、スローガン、説明の欄があります。
ヘルプには、この3つについて、次の要件が書かれています。

カバー画像のファイル形式は PNG または JPEG で、推奨される最小サイズは 1920 x 1080 ピクセルです。
手順は、[カバー画像] セクションの + 記号から画像を選び、[完了]、[保存] の順にクリックする形で書かれています。
スローガンの長さは、最大 80 文字と書かれています。
説明の長さは、150 文字以内と書かれています。

スローガンと説明は、文字数の上限が決まっているので、下書きを先に作って、入力の前に文字数を確認してください。

ブランドアセットが使われる先

登録したロゴや色が、実際にどこへ出ていくのかは、いちばん気になるところだと思います。
ヘルプの冒頭には、ブランドアセットは、Brand API（ブランドの情報を受け渡す仕組み）と連携している販売チャネル、テーマ、アプリ全体で使用できると書かれています。

ブランドアセットがどのように使用されるかは、販売チャネル（商品を売る場所）、アプリ、またはテーマによって決まる、と書かれています。
[ブランド] ページには、ストアでブランドと連携しているすべての販売チャネルとアプリのリストが表示されます。
ブランドアセットはデフォルト設定（最初から入る値）として使用され、追加すると、Brand API を使用するすべての機能と自動的に同期されると書かれています。

ロゴについては、使われる先ごとに、次のように書き分けられています。

テーマ設定でロゴを接続して、ヘッダー画像として使ったり、互換性のあるブロックに接続したりできます。
チェックアウトのロゴをカスタマイズする場合は、チェックアウト設定を変更できます。
通知のロゴをカスタマイズする場合は、メールテンプレートをカスタマイズできます。

どの販売チャネルやアプリがつながっているかは、[ブランド] ページのリストで一度見てください。

テーマへの反映と、手動でつなぐ手順

登録したのにお店の見た目が変わらないと、どこかで手順を間違えたのかと不安になるかもしれません。
ヘルプには、互換性のあるテーマでは、ブランドアセットがテーマ設定に自動的に反映されると書かれています。

一方で、テーマによっては反映されない場合があることも、注記として書かれています。

ブランドアセットは、一部のカスタムテーマや旧式のテーマと互換性がない場合があります。

テーマに互換性がない場合は、Shopify パートナー（Shopify の制作を請け負う事業者）に依頼して、カスタムテーマをブランドアセットに対応させることができると書かれています。
ブランドアセットがテーマに自動的に入力されない場合に、手動でテーマにつなぐ手順は、次のとおりです。

テーマエディタを開き、[テーマ設定] > [ロゴ] の順に開きます。
[ロゴ] セクションで、[動的ソースを接続] ボタンをクリックします。
ヘッダーで使用するブランドアセットを選択し、[接続] をクリックします。

ヘルプの画像の説明には、[動的ソースを接続] パネルで [デフォルトのロゴ] が選択されている様子が書かれています。
登録のあとは、テーマエディタのプレビュー（仕上がりを映す画面）で、ヘッダーのロゴを一度見てください。

テーマ設定のロゴと色

ブランドアセットとは別に、テーマエディタの中にもロゴや色の欄があり、どちらを触ればよいのか迷うところだと思います。
公式ヘルプの「テーマ設定のカスタマイズ」のページには、テーマエディタの「テーマ設定」でロゴと色を設定する手順が、それぞれ書かれています。

ロゴ：すべてのページのヘッダーと、パスワードページに表示されると書かれています。ロゴ画像の最大幅は 300 ピクセルです。
色：テーマの色設定は、オンラインストア全体で使用される色を制御する、と書かれています。
カラーパレット（色の一覧）：Horizon 4.0.0 以降などの新しいテーマで利用でき、テーマ全体に適用される名前付きブランド色のセットと説明されています。
配色（背景・テキスト・ボタンなどの色の組み合わせ）：Horizon 4.0.0 のリリース前のすべての無料の Shopify テーマなど、ほとんどのテーマで利用でき、最大 21 個まで作成できます。

テーマ設定を開くボタンは絵のアイコンで示されていて、画像の説明には「テーマ設定」や「settings」と書かれています。
ロゴの手順では、「テーマ設定」アイコンをクリックしてから「ロゴ」をクリックする形で書かれています。

マーケットごとにロゴを変えたい場合について、ブランドアセットのページには次の注記があります。

ブランドアセットは、マーケットや言語に基づいてローカライズすることはできません。

ローカライズ（販売先や言語に合わせて出し分けること）ができないため、その場合は、ブランドアセットを使う代わりに、テーマ設定でロゴを直接アップロードする必要があり、そのあと Translate & Adapt アプリでマーケットごとにロゴをカスタマイズできる、と書かれています。
マーケットごとにロゴを変えるかどうかで、ロゴを置く場所の選び方が変わる、と覚えておくと整理しやすくなります。

ソーシャルリンクとプランの条件

SNS のリンクも一緒に入れておけるのか、気になる方もいらっしゃると思います。
ブランドアセットのソーシャルリンクについては、プランの条件が書かれています。

Starter プランをご利用の場合、ブランドコンテンツにソーシャルリンクを追加できると書かれています。
Shopify 管理画面の [ブランド] セクションに追加された SNS アカウントへのリンクは、商品リンクに表示されます。
この情報は Starter プランのユーザーのみを対象としていて、他の Shopify プラン（Lite、Basic、Grow、Advanced、Plus など）では、テーマ設定から SNS へのリンクを追加できると書かれています。
URL（リンクの住所）は、完全な形式で入力するよう案内されていて、例として Instagram と Twitter の、Shopify のアカウントのアドレスが挙がっています。

テーマ設定の SNS は、オンラインストアのフッター（ページ下部の帯の部分）に表示されるリンクとして書かれています。
ご自身のプランを先に確かめてから、どちらの画面で入れるかを決めると迷いにくくなります。

公式に書かれていないこと

次のことは、出典にした Shopify ヘルプセンターの2ページには書かれていません。

ブランドアセットのメインカラーやサブカラーが、テーマ設定のカラーパレットや配色のどの欄に入るのかは書かれていません。ブランドアセットのページの書き方は、互換性のあるテーマではブランドアセットがテーマ設定に自動的に反映される、というところまでです。手動でつなぐ手順として書かれているのは、[テーマ設定] > [ロゴ] の手順です。
テーマ設定のページの「カラー」の節には、ブランドアセットについての記載がありません。カラーパレットを「名前付きブランド色のセット」と説明していますが、ブランドアセットの色とのつながりは書かれていません。
お使いのテーマがブランドアセットに互換性があるかどうかを、どこで確かめられるかは書かれていません。互換性がない場合に Shopify パートナーへ依頼できる、という記載までです。
[ブランド] 設定ページと、[設定] > [一般] の [ブランドアセット] セクションとの関係は、2ページのどこにも説明がありません。冒頭は「[ブランド] 設定ページ」、手順は [設定] > [一般] から始まる形で書かれています。
ブランドアセットのロゴを変えたあと、テーマ設定に直接アップロードしたロゴがどう扱われるかは書かれていません。
どの販売チャネルやアプリが Brand API と連携しているかの一覧は、2ページには載っていません。[ブランド] ページにリストが表示される、という記載までです。

出典

Shopify ヘルプセンター「ブランドアセットの管理」2026年10月22日時点
https://help.shopify.com/ja/manual/promoting-marketing/managing-brand-assets
Shopify ヘルプセンター「テーマ設定のカスタマイズ」2026年10月22日時点
https://help.shopify.com/ja/manual/online-store/themes/customizing-themes/theme-editor/theme-settings

上の公式ヘルプを一次情報にしています。
「テーマ設定のカスタマイズ」には Shopify アプリでの手順も併記されていますが、ここではパソコンの画面の手順を並べました。
登録の場所から使われる先までを見どころごとに分けた並べ方と、登録の前に用意しておくものの書き添えは、キクシル編集部の整理であり、公式の記載ではありません。