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

このページはJul 26, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/images/add-faviconをご覧ください。

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

目次

ファビコンを作成する

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

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

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

ベーシックプラン以上のプランでは、オンラインストアにファビコンを追加できます。スタータープランでは、オンラインストアにファビコンを追加できません。

手順：

  1. 管理画面から [オンラインストア] > [テーマ] に移動します。
  2. ファビコンを追加するテーマを見つけて、[カスタマイズ] をクリックします。
  3. 歯車アイコンをクリックして [テーマ設定] にアクセスします。
  4. テーマバージョンに応じて、[ロゴ] または [ファビコン] をクリックします。

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

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

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

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

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

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

  1. Shopifyアプリで [...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [すべてのテーマを管理する] をタップします。
  4. ファビコンを追加するテーマを見つけて、[カスタマイズ] をタップします。
  5. [...] > [テーマ設定] をタップします。
  6. テーマバージョンに応じて、[ロゴ] または [ファビコン] をタップします。

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

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

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

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

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

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

  1. Shopifyアプリで [☰] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [すべてのテーマを管理する] をタップします。
  4. ファビコンを追加するテーマを見つけて、[カスタマイズ] をタップします。
  5. [...] > [テーマ設定] をタップします。
  6. テーマバージョンに応じて、[ロゴ] または [ファビコン] をタップします。

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

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

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

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

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

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

Shopifyで販売を開始する準備はできていますか?

無料体験を試す