Narrativeのテーマ設定

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

Narrativeには次のテーマ設定が含まれています。

  • 文字体裁
  • カートドロワー
  • ソーシャル
  • ファビコン
  • チェックアウト

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

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

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

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

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

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

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

  5. 保存をクリック

文字体裁

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

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

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

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

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

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

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

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

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

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

  8. 保存をクリック

カートドロワー

オンラインストアのカートドロワー設定は、次のようにカスタマイズできます。

  • カートをドロワースタイルに設定します。ページの右側にカートドロワーがスライドして表示されるので、顧客は商品ページを離れることなくカートに商品を追加できます。
  • 注文にメモを追加できるようにします。顧客はカートメモを使用して、注文の準備や配送方法に関する特別な指示を行うことができます。

カートドロワーに表示される「セラーへの特別な指示」とラベル付けされたテキストフィールド。フィールドは、注文の小計とチェックアウトボタンの横に表示されます。

カートドロワー設定をカスタマイズするには、次のとおりにします。

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

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

  3. [カートドロワー] をクリックします。

  4. [カートドロワーを表示する] にチェックを入れて、カートをドロワースタイルに設定します。このチェックボックスをオフのままにすると、フルページのカートが使用されます。

  5. [カートメモを表示する] にチェックを入れ、カートドロワーにメモフィールドを追加します。

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

ソーシャル

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

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

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

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

  3. [ソーシャル] をクリックします。

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

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

    次の共有ボタンを追加できます。

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

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

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

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

ファビコン

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

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

ファビコン推奨の画像サイズは32 x 32ピクセルです。

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

  1. [カスタマイズ] をクリックします。

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

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

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

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

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

チェックアウト

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

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

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

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

  1. [カスタマイズ] をクリックします。

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

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

バナー画像を追加するには

  • バナーエリアで [画像を選択する] をクリックのうえ、次のいずれかの操作を行います。 - 管理画面にアップロード済みの画像を選択するには、[ライブラリー] タブをクリックします。
    • Shopifyのバーストストック画像コレクションからストック画像を選択するには、[無料の画像] タブをクリックします。ここに検索語を入力するか、画像カテゴリーを閲覧して探すことができます。
    • ローカルコンピューターから画像を選択するには、[ライブラリー] タブをクリックし、次にプラスボタンをクリックします。

ロゴを追加するには

  1. ロゴエリアで [画像を選択する] をクリックのうえ、次のいずれかの操作を行います。

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

  1. ポジションリストで、右、左、中央の中から画像の表示位置を選択します。

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

チェックアウトページの背景を変更するには

チェックアウトページに背景画像を表示、または背景色を選択することができます。背景画像の場合はグリッドパターンで表示されます。

  1. メインコンテンツエリアで [画像を選択する] をクリックのうえ、次のいずれかの操作を行います。

- 管理画面にアップロード済みの画像を選択するには、[ライブラリー] タブをクリックします。 - Shopifyのバーストストック画像コレクションからストック画像を選択するには、[無料の画像] タブをクリックします。ここに検索語を入力するか、画像カテゴリーを閲覧して探すことができます。 - ローカルコンピューターから画像を選択するには、[ライブラリー] タブをクリックし、次にプラスボタンをクリックします。 - 背景の色の見本をクリックし、パレットから新しい色を選択します。

  1. フォームフィールドリストから、白または透明のどちらでフィールドを表示するか選択します。

注文概要ページの背景を変更するには

  1. 注文概要エリアで [画像を選択する] をクリックのうえ、次のいずれかの操作を行います。 - 管理画面にアップロード済みの画像を選択するには、[ライブラリー] タブをクリックします。
    • Shopifyのバーストストック画像コレクションからストック画像を選択するには、[無料の画像] タブをクリックします。ここに検索語を入力するか、画像カテゴリーを閲覧して探すことができます。
    • ローカルコンピューターから画像を選択するには、[ライブラリー] タブをクリックし、次にプラスボタンをクリックします。
    • 背景の色の見本をクリックし、パレットから新しい色を選択します。

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

  • タイポグラフィーエリアのリストから、見出しおよび本文に使用するフォントを選択します。

カラーオプションを設定するには

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

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

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

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

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

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

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

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

無料体験を試す