ストアにファビコンを追加する
このページはNov 30, 2023に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/images/add-faviconをご覧ください。
ファビコンまたはお気に入りアイコンは、URLの横に表示される小さな正方形の画像またはロゴです。ファビコンは、ブラウザタブや、ブックマークページなどのURLを一覧表示するブラウザページにあります。ブランドを強化し、ウェブサイトを洗練された外観にするために、オンラインストアにファビコンを追加することができます。
ファビコンを作成する
無料のファビコンジェネレーターのウェブサイトを使ってカスタムファビコンを作成することも、独自のファビコンを作成することもできます。ファビコンジェネレーターを見つけるには、インターネットで free favicon generator
を検索します。
ファビコンの理想的なサイズは、16 x 16ピクセルまたは32 x 32ピクセルです。ファビコンファイルが大きすぎる場合は、Shopifyへのアップロード時に32 x 32ピクセルに縮小されます。
オンラインストアにファビコンを追加する
手順:
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[カスタマイズする] をクリックします。
- 歯車アイコンをクリックして [テーマ設定] にアクセスします。
- テーマバージョンに応じて、[ロゴ] または [ファビコン] をクリックします。
-
ファビコン画像エリアで [画像を選択する] をクリックのうえ、次のいずれかの操作を行います。
- 管理画面にアップロード済みの画像を選択するには、[ストアライブラリー] タブをクリックします。
- ローカルコンピューターから画像を選択する場合は、[画像を追加] をクリックします。
[完了] をクリックします。
-
ファビコン画像に代替テキストを追加するには、以下の手順を実行します。
- [編集] をクリックします。
- [プレビューと編集] ウィンドウで、[代替テキスト] フィールドに画像の説明を簡潔に入力します。
- [保存] をクリックします。
[保存] をクリックします。
- Shopifyアプリで [...] ボタンをタップします。
- 販売チャネルセクションで、[オンラインストア] をタップします。
- [すべてのテーマを管理する] をタップします。
- 編集するテーマを見つけて、[カスタマイズする] をタップします。
- 歯車アイコンをタップして [テーマ設定] にアクセスします。
- テーマバージョンに応じて、[ロゴ] または [ファビコン] をタップします。
-
[ファビコン画像] エリアで [画像を選択] をタップして、以下のいずれかの操作を行います。
- 管理画面にアップロード済みの画像を選択するには、[ストアライブラリー] タブをタップします。
- ローカルコンピューターから画像を選択する場合は、[画像を追加] をタップします。
[完了] をタップします。
-
ファビコン画像に代替テキストを追加するには、以下の手順を実行します。
- [編集] をタップします。
- [プレビューと編集] ウィンドウで、[代替テキスト] フィールドに画像の説明を簡潔に入力します。
- [保存] をタップします。
[保存] をクリックします。
- Shopifyアプリで [...] ボタンをタップします。
- 販売チャネルセクションで、[オンラインストア] をタップします。
- [すべてのテーマを管理する] をタップします。
- 編集するテーマを見つけて、[カスタマイズする] をタップします。
- [...] > [テーマ設定] をタップします。
- テーマバージョンに応じて、[ロゴ] または [ファビコン] をタップします。
-
[ファビコン画像] エリアで [画像を選択] をタップして、以下のいずれかの操作を行います。
- 管理画面にアップロード済みの画像を選択するには、[ストアライブラリー] タブをタップします。
- ローカルコンピューターから画像を選択する場合は、[画像を追加] をタップします。
[完了] をタップします。
-
ファビコン画像に代替テキストを追加するには、以下の手順を実行します。
- [編集] をタップします。
- [プレビューと編集] ウィンドウで、[代替テキスト] フィールドに画像の説明を簡潔に入力します。
- [保存] をタップします。
[✓] をタップします。