Debutのテーマ設定

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

Debutには以下のテーマ設定が含まれています。

  • 文字体裁
  • 検索
  • SNS
  • ファビコン
  • チェックアウト

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

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

  1. Debutのテーマ設定の隣にある [カスタマイズする] をクリックします。

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

  3. [カラー] をクリックします。

  4. コンテンツのタイプごとに、カラー見本をクリックしてカラーピッカーを使用します。直近の選択エリアには、あなたが最近テーマで選択したカラーが表示されます。現在使用中エリアには、あなたがテーマの別の部分で現在使用しているカラーが表示されます。

    カラーを透明に設定するには、[不要] をクリックします。

  5. 保存をクリック

文字体裁

オンラインストアのテキストのフォントスタイルとサイズを設定できます。

文字体裁の設定をカスタマイズする

  1. Debutのテーマ設定の隣にある [カスタマイズする] をクリックします。

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

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

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

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

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

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

  7. フォントを太字や斜体などの別のスタイルに変更するには、[標準] をクリックします。次に、使用するスタイルをクリックし、[選択] をクリックします。

  8. 保存をクリック

検索

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

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

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  2. Debutセクションで、[カスタマイズ] をクリックします。
  3. [テーマ設定] をクリックします。
  4. [検索] をクリックし、必要な変更を行います。

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

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

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

SNS

商品やブログ記事用のSNSでの共有ボタン、SNSアカウントへのリンクを追加することができます。

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

  1. Debutのテーマ設定の隣にある [カスタマイズする] をクリックします。

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

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

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

  5. 商品やブログ記事にソーシャルメディアでの共有ボタンを追加するには、シェアのオプションエリアで、チェックボックスのいずれかまたはすべてをオンにします。 次の共有ボタンを追加できます。

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

  1. SNSアカウントへのリンクを追加するには、アカウントエリアで、所定フィールドにアカウントへのリンクを入力します。https://instagram.com/shopifyhttps://twitter.com/shopify 等の完全なリンクを入力してください。

    SNSアカウントへのリンクは、オンラインストアのフッターに表示されます。

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

ファビコン

お気に入りアイコン「ファビコン」をアップロードし、次のロケーションにロゴを表示させることでオンラインストアのブランディングに役立てることができます。

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

Debutに最適なファビコンの画像サイズは32 x 32ピクセルです。

ファビコンをアップロードするには

  1. Debutセクションで、[カスタマイズ] をクリックします。

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

  3. [ファビコン] をクリックします。

  4. ファビコン画像エリアで [画像を選択する] をクリックのうえ、次のいずれかの操作を行います。

- 管理画面にアップロード済みの画像を選択するには、[ライブラリー] タブをクリックします。 - ローカルコンピューターから画像を選択するには、[ライブラリー] タブをクリックし、次にプラスボタンをクリックします。

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

カート追加の通知

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

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

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

この通知を有効にするには

  1. Debutセクションで、[カスタマイズ] をクリックします。

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

  3. [カート追加の通知] をクリックします。

  4. [アイテムがカートに追加されたときに通知を表示する] 設定を有効にするかどうかを選択します。

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

チェックアウト

以下を含めるよう、チェックアウトページをカスタマイズすることができます。

  • ページ上部のカスタム画像バナー
  • ストアのロゴ
  • メインコンテンツエリアの背景画像または背景色
  • テキストのカスタムフォントおよび色

変更を適用する際に内容を確認する場合は、テーマエディタのチェックアウトページに移動します。

チェックアウトページ設定にアクセスする

  1. Debutセクションで、[カスタマイズ] をクリックします。

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

  3. チェックアウトをクリックします。

バナー画像を追加する

  1. バナーエリアで、[カスタムバックグラウンドを使用する] のチェックボックスをオンにします。

  2. [ファイルを選ぶ] をクリックして画像ファイルをアップロードします。

ロゴを追加する

  1. ロゴエリアの [画像] ドロップダウンメニューで、[カスタム] を選択します。

  2. [ファイルを選ぶ] リンクをクリックして、画像ファイルをアップロードします。

  3. [位置] のドロップダウンメニューで、画像を表示する位置を右、左、中央のいずれかから選択します。

  4. ロゴのサイズリストから、ロゴのサイズを選択します。

メインコンテンツエリアをカスタマイズする

  1. メインコンテンツエリアで、[カスタムバックグラウンドを使用する] チェックボックスをオンにします。

  2. 以下のいずれかの操作を行います。

- [ファイルを選ぶ] をクリックして画像ファイルをアップロードします。 - 背景の色の見本をクリックし、パレットから新しい色を選択します。

  1. [フォームフィールド] のドロップダウンメニューで、フィールドの表示方法を白または透明から選択します。

注文概要ページをカスタマイズする

  1. 注文概要エリアで、[カスタムバックグラウンドを使用する] チェックボックスをオンにします。

  2. 以下のいずれかの操作を行います。

- [ファイルを選ぶ] をクリックして画像ファイルをアップロードします。 - 背景の色の見本をクリックし、パレットから新しい色を選択します。

フォントオプションを設定する

  • 文字体裁エリアのドロップダウンメニューから、見出しと本文に使用するフォントを選択します。

色オプションを設定する

  • カラーエリアで [アクセント][ボタン] 、または [エラー] のカラー見本をクリックし、パレットから新しい色を選択します。

テーマスタイルを変更する

テーマの一般設定をデフォルト値にリセットすることができます。テーマのスタイルをリセットすると、一般設定タブで行った変更はすべて失われますが、テキストや画像などのコンテンツは保存されます。

  1. [一般設定] タブをクリックします。

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

  3. テーマスタイルを変更するの下にあるボタンをクリックします。通常このボタンはテーマ名と表示されます。

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

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

無料体験を試す