Debutのテーマ設定

テーマ設定を使用して、オンラインストアの色とタイポグラフィーをカスタマイズすることができます。SNSアカウントへのリンクを設定したり、カートの設定を編集したり、ファビコンを追加したりすることもできます。

オンラインストアのさまざまな部分のカラーを選択できます。

色の設定をカスタマイズする

  1. [テーマ設定] をクリックします。
  2. [カラー] をクリックします。
  3. カラーピッカーを開くには、変更するコンテンツタイプカラーのカラー見本をクリックします。[直近の選択] エリアには、あなたが最近テーマで選択したカラーが表示されます。[現在使用中] エリアには、あなたがテーマの別の部分で現在使用しているカラーが表示されます。

    特定の16進カラーコードを設定するには、テキストフィールドをクリックして色を入力します。

    色を透明に設定するには、テキストフィールドから16進コード値を削除します。

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

タイポグラフィー

オンラインストアのテキストに使用するフォントのスタイルおよびサイズを設定できます。システムフォントまたはカスタムフォントを選択できます。

ストアではシステムフォントの使用をお勧めします。システムフォントを使用すると、新しいフォントがお客様のコンピューターにダウンロードされることを防ぎ、ストアの読み込み速度に悪影響を及ぼさないようにすることができます。お客様のコンピューターに表示されるフォントは、オペレーティングシステムによって異なります。システムフォントについて詳しくはこちらをご覧ください

タイポグラフィーの設定をカスタマイズする

  1. [テーマ設定] をクリックします。

  2. [文字体裁] をクリックします。

  3. テキストのタイプごとに、[変更] をクリックしてフォントピッカーを使用します。

  4. 検索フィールドを使用するか、[さらに読み込む] をクリックしてフォントを検索します。

    利用可能なフォントをすべて表示するには、「Shopifyのフォントライブラリー」を確認してください。

  5. 使用するフォントの名前をクリックします。

  6. フォントを別のスタイルに変更するには、現在のフォントスタイルの名前をクリックし、ドロップダウンメニューから新しいフォントスタイルを選択します。

  7. [選択する] をクリックします。

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

検索

Debutには、お客様が検索フィールドに入力し始めると商品の提案を表示する、予測検索が組み込まれています。商品の提案により、お客様は検索クエリを明確にして絞り込むことができ、オンラインストアを検索する新しい方法を提供します。また、お客様は現在のページを離れることなく一致するものを閲覧でき、検索結果のリストを個別に確認することができます。

次の検索設定をカスタマイズできます。

  • 商品のおすすめを有効にする - 商品のおすすめを有効または無効にする。
  • 販売元を表示する - 商品のおすすめで販売元を表示または非表示にする。
  • 価格を表示する - 商品のおすすめで価格を表示または非表示にする

予測検索の設定を変更する

  1. [テーマ設定] をクリックします。
  2. [検索] をクリックします
  3. 設定を使用して、ストアの検索動作をカスタマイズします。
  4. [保存] をクリックします。

商品のおすすめがどのように機能するかについて詳しくは、「予測検索」を参照してください。

SNS

商品やブログ記事用のSNSでの共有ボタン、SNSアカウントへのリンクを追加することができます。 SNSアカウントへのリンクは、オンラインストアのフッターに表示されます。

SNSの設定をカスタマイズする

  1. [テーマ設定] をクリックします。

  2. [SNS] をクリックします。

  3. ソーシャルメディアで共有する画像をアップロードするには、ソーシャルメディアで共有する画像エリアで、[画像を選択する] または [無料の画像を探す] をクリックします。

  4. 商品やブログ記事にソーシャルメディアでの共有ボタンを追加するには、以下のオプションのいずれかまたはすべてを確認してください。

- Facebookでシェアする - Twitterにツイートする - Pinterestでピンする (ブログ記事共有には使用できません)

  1. SNSアカウントへのリンクを追加するには、アカウントの下のフィールドにアカウントへのリンクを入力します。https://instagram.com/shopify、またはhttps://twitter.com/shopifyなどの完全なリンクを入力します。

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

ファビコン

オンラインストアのブランディングに役立つ、お気に入りアイコン「ファビコン」を追加できます。ファビコンは、以下のいずれかの場所に表示できます。

  • ウェブブラウザーのタブ
  • ウェブブラウザーの履歴
  • デスクトップのアイコン
  • ブックマークされたオンラインストア名の横

ファビコンについて詳しくはこちらをご覧ください。

ヒント:

ファビコンの推奨サイズは32 x 32ピクセルです。テーマによっては、このサイズより大きな画像は32 x 32ピクセルに縮小される可能性があります。

ファビコンをカスタマイズする

  1. [テーマ設定] をクリックします。
  2. [ファビコン] をクリックします。
  3. ファビコン画像エリアで [画像を選択する] をクリックのうえ、次のいずれかの操作を行います。 - 管理画面にアップロードした画像を選択するには、[ライブラリー] タブをクリックします。

    • ローカルコンピューターから画像を選択する場合は、[ライブラリー] タブをクリックし、次に [アップロード] をクリックします。
  4. ファビコン画像に代替テキストを追加するには、以下の手順を実行します。

    1. [編集] をクリックします。
    2. [画像を編集する] ウィンドウで、画像の説明を簡潔に入力します。
    3. [保存] をクリックします。
  5. [保存] をクリックします。

カート追加の通知

お客様がカートにアイテムを追加する際に、カートページへのリンクを通知して表示することができます。

カートに追加されたばかりのアイテムを表示するポップアップ通知を含む右上の商品ページ

この通知が無効になっている場合、お客様がカートにアイテムを追加すると、カートページに直接移動します。

カート追加の通知を有効にする

  1. [テーマ設定] をクリックします。
  2. [カート追加の通知] をクリックします。
  3. [アイテムがカートに追加されたときに通知を表示する] 設定を有効にするかどうかを選択します。
  4. [保存] をクリックします。

チェックアウト

このセクションでは、ストアのチェックアウトをカスタマイズできます。ストアのチェックアウトページの詳細については、「Shopifyのチェックアウト」を参照してください。

テーマスタイル

多くのテーマには複数のスタイルがあります。テーマスタイルでは、テーマのデフォルト設定を管理しています。テーマのスタイルをリセットすると、テーマ設定に加えた変更が失われます。テキストや画像などのコンテンツは失われません。

Shopify テーマストアでDebutの代替スタイルをプレビューすることができます。

  1. [テーマ設定] をクリックします。

  2. [テーマスタイル] をクリックします。

  3. 適用するテーマスタイルを選択します。

  4. [スタイルを変更する] をクリックします。

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

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

無料体験を試す