Docy Child

ロゴとファビコン

ここでは、お店のロゴをサイトに設定することができます。 ロゴの画像タイプは「画像」と「SVG」です。 「画像」のタイプは一般的な「.jpg 」 や「.png」などのフォーマットがご使用になれます。

「SVG」をご利用の場合は、「ロゴのファイル名」の入力欄のコードをお客様のものに置き換えてください。

メインロゴ

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

ロゴのファイル名

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

ロゴの画像

ここでは、ロゴ用の画像を選択またはアップロードすることができ、いつでも変更、編集、削除することができます。

*画像の推奨サイズは64×27ピクセルです。*

ロゴの幅

ここでは、ロゴの幅を決めることができます。

*幅は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まで様々。*

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

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

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

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

モバイルロゴの画像

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

*推奨サイズは34×27ピクセルです。*

モバイルロゴの幅

ここでは、モバイルロゴの幅を決めることができます。

*幅は20pxから220pxまでです。*

テーマ設定:ロゴとファビコン - モバイルロゴの幅設定

ロゴタイプ 「SVG」の場合

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

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

モバイルロゴの画像

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

モバイルロゴの幅

ここでは、ロゴの幅を決めることができます。

*幅は20pxから220pxまでです。*

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

スティッキーヘッダーにロゴを表示させるには、ここで設定してください。スティッキーヘッダーロゴにも、他のロゴと同じ設定オプションがあります。

「スティッキー・ヘッダー」のカスタマイズ方法については、こちらをご覧ください。

フッターロゴ

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

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

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

フッターロゴ画像

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

*推奨サイズは64×27ピクセルです。*

フッターロゴの幅

ここでは、フッターロゴの幅を決めることができます。

*幅は50pxから250pxまでです。*

テーマ設定:ロゴとファビコン - フッターロゴの幅設定

ロゴタイプ "SVG"の場合

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

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

フッターロゴ画像

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

フッターロゴの幅

ここでは、ロゴの幅を決めることができます。

*幅は50pxから250pxまでです。*

モバイルフッターロゴ

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

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

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

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

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

*推奨サイズは64×27ピクセルです。*

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

ここでは、フッターロゴの幅を決めることができます。

*幅は20pxから220pxまで様々です。*

テーマ設定:ロゴとファビコン - モバイルフッターのロゴの幅

ロゴタイプ "SVG"の場合

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

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

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

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

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

ここでは、ロゴの幅を決めることができます。

*幅は20pxから220pxまでです。*

ファビコン

ここでは、ファビコン用の画像を選択またはアップロードすることができ、いつでも変更、編集、削除することができます。

テーマ設定:ロゴとファビコン - ファビコンの画像設定

推奨サイズは33×32ピクセルです。