page icon

ロゴとファビコン

ここでは、お店のロゴをサイトに設定することができます。 ロゴの画像タイプは「画像」と「SVG」です。 「画像」のタイプは一般的な「.jpg 」 や「.png」などのフォーマットがご使用になれます。
「SVG」をご利用の場合は、「ロゴのファイル名」の入力欄のコードをお客様のものに置き換えてください。

メインロゴ

ロゴタイプ「画像」の場合

ロゴのファイル名

ロゴタイプが「画像」の場合、このオプションは関係ありません。

ロゴの画像

ここでは、ロゴ用の画像を選択またはアップロードすることができ、いつでも変更、編集、削除することができます。
画像の推奨サイズは64x27ピクセルです。

ロゴの幅

ここでは、ロゴの幅を決めることができます。
幅は50pxから250pxまで
テーマ設定:ロゴとファビコン - ロゴの幅

ロゴタイプ 「SVG」の場合

お店独自の SVGロゴタイプを使用するには、テーマを構成するliquidファイルにSVGのファイルを追加する必要があります。liquid言語やShopifyテーマの開発などになれたShopifyパートナーなどに依頼することをおすすめします。

ロゴのファイル名

ここでは、SVGロゴのファイル名を書く必要がありますが、その前にスニペットを追加する必要があります。 以下のステップに従ってください。
1.すでにSVGコードがある場合は、テーマカスタマイズ画面左上の「…」をクリックし、「コードを編集」をクリックしてください。
Shopify管理画面:テーマアクション - コード編集選択
2. "Snippets"をクリックします。
Shopify管理画面:テーマアクション - Snippetsの選択
3. 「新しいsnippetを追加」をクリックし、スニペット名を入力して「スニペットを作成する」をクリックします。この例では、「svg-logo-christmas」というスニペット名を使用します。
Shopify管理画面:テーマアクション - 新しいsnippetの追加
4. スニペットコードを追加して "保存する"をクリックします。
Shopify管理画面:テーマアクション - スニペットコードを追加
5. カスタマイズ画面に戻り、ロゴのファイル名にSVGスニペットの名前(ここではsvg-logo-christmas)を入力し、「保存する」を クリックします。
テーマ設定:ロゴとファビコン - ロゴSVGのファイル名入力

ロゴの画像

ロゴタイプが「SVG」の場合、このオプションは関係ありません。

ロゴの幅

ここでは、ロゴの幅を決めることができます。
幅は50pxから250pxまで様々。

モバイルでのヘッダーロゴ

ロゴタイプ 「画像」の場合

モバイルロゴのファイル名

ロゴタイプが「画像」の場合、このオプションは関係ありません。

モバイルロゴの画像

ここでは、モバイルロゴ用の画像を選択またはアップロードすることができ、いつでも変更、編集、削除することができます。この画像は、メインロゴの画像とは異なるものでも構いません。どちらが良いかは、お客様のご判断にお任せします。
推奨サイズは34x27ピクセルです。

モバイルロゴの幅

ここでは、モバイルロゴの幅を決めることができます。
幅は20pxから220pxまでです。
テーマ設定:ロゴとファビコン - モバイルロゴの幅設定

ロゴタイプ 「SVG」の場合

モバイルロゴのファイル名

ここでは、SVGロゴのファイル名を書く必要がありますが、その前にスニペットを追加する必要があります。追加方法は上記の「メインロゴ」の設定方法の中で解説をしています。

モバイルロゴの画像

ロゴタイプが「SVG」の場合、このオプションは関係ありません。

モバイルロゴの幅

ここでは、ロゴの幅を決めることができます。
幅は20pxから220pxまでです。

スティッキーヘッダーロゴ

スティッキーヘッダーにロゴを表示させるには、ここで設定してください。
スティッキーヘッダーロゴにも、他のロゴと同じ設定オプションがあります。
💡
この「スティッキーヘッダーロゴ」の設定の有無に関わらず、「ヘッダー」→「スティッキーヘッダー(常時表示ヘッダー)」→「タイプ(デスクトップ)」で「ワイド(フルヘッダー)」を選択した場合は、スティッキーヘッダー上にはメインロゴが表示されます。
💡
「ヘッダータイプ#3」、「ヘッダータイプ#4」を選択している場合は、スティッキーヘッダーのタイプを「スリム(メニュー ライン)」にしたとしても、スティッキーヘッダー上にメインロゴが表示されるようになります。
「スティッキー・ヘッダー」のカスタマイズ方法については、こちらをご覧ください。

フッターロゴ

ロゴタイプ 「画像」の場合

フッターロゴのファイル名

ロゴタイプが「画像」の場合、このオプションは関係ありません。

フッターロゴ画像

ここでは、フッターロゴ用の画像を選択またはアップロードすることができ、いつでも変更、編集、削除することができます。この画像は、メインロゴの画像とは異なるものを使用することができます。どちらが良いかはお客様の判断にお任せします。
推奨サイズは64x27ピクセルです。

フッターロゴの幅

ここでは、フッターロゴの幅を決めることができます。
幅は50pxから250pxまでです。
テーマ設定:ロゴとファビコン - フッターロゴの幅設定

ロゴタイプ "SVG"の場合

フッターロゴのファイル名

ここでは、SVGロゴのファイル名を書く必要がありますが、その前にスニペットを追加する必要があります。 ヘッダーロゴのSVG設定の項目を参照してください。

フッターロゴ画像

ロゴタイプが「SVG」の場合、このオプションは関係ありません。

フッターロゴの幅

ここでは、ロゴの幅を決めることができます。
幅は50pxから250pxまでです。

モバイルフッターロゴ

ロゴタイプ 「画像」の場合

モバイルフッターロゴのファイル名

ロゴタイプが「画像」の場合、このオプションは関係ありません。

モバイルフッターロゴ画像

ここでは、モバイルフッターロゴ用の画像を選択またはアップロードすることができ、いつでも変更、編 集、削除することができます。この画像は、メインロゴの画像とは異なるものを使用することができます。どちらを選択するかは、お客様の自由です。
推奨サイズは64x27ピクセルです。

モバイルフッターのロゴの幅

ここでは、フッターロゴの幅を決めることができます。
幅は20pxから220pxまで様々です。
 
テーマ設定:ロゴとファビコン - モバイルフッターのロゴの幅

ロゴタイプ "SVG"の場合

モバイルフッターロゴのファイル名

ここでは、SVGロゴのファイル名を書く必要がありますが、その前にスニペットを追加する必要があります。 追加方法は上記の「フッターロゴ」の設定方法の中で解説をしています。

モバイルフッターロゴ画像

ロゴタイプが「SVG」の場合、このオプションは関係ありません。

モバイルフッターのロゴの幅

ここでは、ロゴの幅を決めることができます。
幅は20pxから220pxまでです。

ファビコン

ここでは、ファビコン用の画像を選択またはアップロードすることができ、いつでも変更、編集、削除することができます。
 
テーマ設定:ロゴとファビコン - ファビコンの画像設定
推奨サイズは33x32ピクセルです。