ロゴとファビコン

ロゴとファビコンの設定の解説

テーマ設定→ロゴとファビコン

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

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

メインロゴ

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

ロゴのファイル名

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

ロゴの画像

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

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

ロゴの幅

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

幅は50pxから250pxまで

ロゴタイプ 「SVG」の場合

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

ロゴのファイル名

ここでは、SVGロゴのファイル名を書く必要がありますが、その前にスニペットを追加する必要があります。 以下のステップに従ってください。

  1. すでにSVGコードがある場合は、テーマカスタマイズ画面左上の「…」をクリックし、「コードを編集」をクリックしてください(SVG コードの入手先がわからない場合は、「ロゴタイプ「SVG」のヒント」をご参照ください)。

2. "Snippets"をクリックします。

3. 「新しいsnippetを追加」をクリックし、スニペット名を入力して「スニペットを作成する」をクリックします。この例では、「svg-logo-christmas」というスニペット名を使用します。

4. スニペットコードを追加して "保存する"をクリックします。

5. カスタマイズ画面に戻り、ロゴのファイル名にSVGスニペットの名前(ここではsvg-logo-christmas)を入力し、「保存する」を クリックします。

ロゴの画像

ロゴタイプが「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ピクセルです。

Last updated