ストアにファビコンを追加する

ファビコンまたはお気に入りアイコンは、ウェブページ名の横に表示される小さな画像またはロゴです。ファビコンは、ブラウザタブや、ブックマークページなどのウェブサイトを一覧表示するブラウザページにあります。ブランドを強化し、ウェブサイトを洗練された外観にするために、オンラインストアにファビコンを追加することができます。

ファビコンを作成する

無料のファビコンジェネレーターのウェブサイトを使ってカスタムファビコンを作成することも、独自のファビコンを作成することもできます。ファビコンジェネレーターを見つけるには、インターネットで free favicon generator を検索します。

ファビコンの理想的な画像サイズは、16 x 16ピクセルまたは32 x 32ピクセルです。ファビコンの画像サイズが大きすぎる場合は、Shopifyへのアップロード時に32 x 32ピクセルに縮小されます。

オンラインストアにファビコンを追加する

Basic Shopifyプラン以上のプランでは、オンラインストアにファビコンを追加できます。Starterプランでは、オンラインストアにファビコンを追加できません。

ヒント

一部のテーマでは、ファビコンに代替テキストを追加できます。代替テキストは、画像が読み込めない場合に表示されます。また視覚障害のあるユーザーに対して画像の説明をするために画面読み上げソフトウェアで使用されます。

手順

デスクトップ

1. 管理画面から [オンラインストア] > [テーマ] に移動します。

2. ファビコンを追加するテーマを見つけて、[カスタマイズ] をクリックします。

3. 歯車アイコンをクリックして [テーマ設定] にアクセスします。

4. テーマバージョンに応じて、[ロゴ] または [ファビコン] をクリックします。

5. [ファビコン画像] セクションで [画像を選択する] をクリックして、以下のいずれかの操作を行います。

   • 管理画面にすでにアップロードしている画像を使用するには、画像を検索し、チェックボックスをオンにして選択します。
   • ローカルコンピューターから画像を選択するには、[画像を追加] をクリックし、ローカルコンピューターから画像を開き、チェックボックスをオンにして選択します。

6. [完了] をクリックします。

7. 任意：以下の操作を実行し、ファビコンに代替テキストを追加します。

   1. [ファビコン画像] セクションで、[編集] をクリックします。
   2. [プレビューと編集] ダイアログで、[代替テキスト] フィールドに画像の説明を簡潔に入力します。
   3. [保存] をクリックします。

8. [保存] をクリックします。

iPhone

1. Shopifyアプリで [...] ボタンをタップします。

2. 販売チャネルセクションで、[オンラインストア] をタップします。

3. [すべてのテーマを管理する] をタップします。

4. ファビコンを追加するテーマを見つけて、[カスタマイズ] をタップします。

5. [...] > [テーマ設定] をタップします。

6. テーマバージョンに応じて、[ロゴ] または [ファビコン] をタップします。

7. [ファビコン画像] セクションで [画像を選択する] をタップして、以下のいずれかの操作を行います。

   • 管理画面にすでにアップロードしている画像を使用するには、画像を検索し、チェックボックスをオンにして選択します。
   • ローカルデバイスから画像を選択するには、[画像を追加] をタップし、ローカルデバイスから画像を開き、チェックボックスをオンにして選択します。

8. [完了] をタップします。

9. 以下の操作を実行し、ファビコン画像に代替テキストを追加します。

   1. [ファビコン画像] セクションで、[編集] をタップします。
   2. [プレビューと編集] ダイアログで、[代替テキスト] フィールドに画像の説明を簡潔に入力します。
   3. [保存] をタップします。

10. [保存] をタップします。

Android

1. Shopifyアプリで [☰] ボタンをタップします。

2. 販売チャネルセクションで、[オンラインストア] をタップします。

3. [すべてのテーマを管理する] をタップします。

4. ファビコンを追加するテーマを見つけて、[カスタマイズ] をタップします。

5. [...] > [テーマ設定] をタップします。

6. テーマバージョンに応じて、[ロゴ] または [ファビコン] をタップします。

7. [ファビコン画像] セクションで [画像を選択する] をタップして、以下のいずれかの操作を行います。

   • 管理画面にすでにアップロードしている画像を使用するには、画像を検索し、チェックボックスをオンにして選択します。
   • ローカルデバイスから画像を選択するには、[画像を追加] をタップし、ローカルデバイスから画像を開き、チェックボックスをオンにして選択します。

8. [完了] をタップします。

9. 以下の操作を実行し、ファビコン画像に代替テキストを追加します。

   1. [ファビコン画像] セクションで、[編集] をタップします。
   2. [プレビューと編集] ダイアログで、[代替テキスト] フィールドに画像の説明を簡潔に入力します。
   3. [保存] をタップします。

10. [✓] をタップします。