Simpleのテーマ設定

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

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

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

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

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

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

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

タイポグラフィー

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

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

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

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

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

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

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

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

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

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

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

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

カート

Simpleでは、テーマをカスタマイズすることにより、お客様がカートにアイテムを追加しても、現在のページにとどまるようにすることができます。

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

  1. [テーマ設定] をクリックします。
  2. [カート] をクリックします。
  3. [アイテムがカートに追加されたときに現在のページにとどまる] にチェックを入れます。
  4. [保存] をクリックします。

メニュー

お客様がオンラインストアのどこにいるかをすぐに把握できるように、パンくずナビゲーションを含めるようにすることができます。

パンくずナビゲーションを表示する

  1. [テーマ設定] をクリックします。
  2. [カート] をクリックします。
  3. [パンくずナビゲーションを表示する] にチェックを入れます。
  4. [保存] をクリックします。

SNS

商品やブログ記事のソーシャルメディアでの共有ボタン、SNSアカウントへのリンクを追加することができます。ブログのリッチサイトサマリー (RSS) フィードにリンクを追加することもできます。SNSアカウントおよびブログRSSへのリンクは、オンラインストアのサイドバーに表示されます。

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

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

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

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

- 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. [保存] をクリックします。

チェックアウト

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

テーマスタイル

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

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

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

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

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

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

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

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

無料体験を試す