Expressのテーマ設定

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

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

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

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

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

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

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

文字体裁

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

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

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

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

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

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

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

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

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

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

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

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

スタイル

スタイルカテゴリーの設定で、テーマ内の複数のページとセクションに変更を加えることができます。変更できる設定は以下のとおりです。

  • オーバーレイで商品ページを表示する: ユーザーを新しいページに移動させるか、ホームページに商品ページをオーバーレイで表示するかを選択します。

    商品ページをオーバーレイで表示する場合、受取の対応可否を表示することはできません。

  • エッジのスタイル: ボタン、バッジ、カードなど、テーマの要素で尖った角を使用するか、丸みを帯びた角を使用するか選択します。(Version 1.11.0以上)

カートドロワー

Expressの機能であるカートドロワーにより、お客様はカートの内容をすぐに確認し、買い物を続けることができます。

Expressを使用すると、カートドロワーの注文メモを有効にすることで、お客様に注文とともに指示を入力してもらうことができます。

カート設定を調整する

  1. [テーマ設定] をクリックします。
  2. [カートドロワー] をクリックします。
  3. カート設定を調整します。 - カートドロワーを有効にするには、[カートドロワーを表示する] を選択します。

    • 注文メモを有効にするには、[カートメモを表示する] を選択します。
  4. [保存] をクリックします。

SNS

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

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

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

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

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

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

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

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

  2. 共有ボタンのスタイルを変更するには、ボタンのスタイルメニューから [ブランド化されました] または [ロゴのみ] を選択します。

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

ファビコン

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

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

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

ヒント:

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

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

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

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

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

チェックアウト

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

テーマスタイル

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

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

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

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

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

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

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

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

無料体験を試す