Boundlessのテーマ設定

このページはOct 18, 2021に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/themes/os/themes-by-shopify/boundless/settingsをご覧ください。

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

色

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

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

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  2. Boundlessのテーマ設定の隣にある [カスタマイズする] をクリックします。
  1. Shopifyアプリから [Store] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. Boundlessのテーマ設定の横にある [カスタマイズ] をタップします。
  5. [編集] をタップします。
  1. Shopifyアプリから [Store] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. Boundlessのテーマ設定の横にある [カスタマイズ] をタップします。
  5. [編集] をタップします。
  1. [テーマ設定] をクリックします。
  2. [カラー] をクリックします。

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

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

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

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

タイポグラフィー

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

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

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

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  2. Boundlessのテーマ設定の隣にある [カスタマイズする] をクリックします。
  1. Shopifyアプリから [Store] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. Boundlessのテーマ設定の横にある [カスタマイズ] をタップします。
  5. [編集] をタップします。
  1. Shopifyアプリから [Store] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. Boundlessのテーマ設定の横にある [カスタマイズ] をタップします。
  5. [編集] をタップします。

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

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

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

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

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

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

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

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

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

カート

Boundlessではカートタイプを選択し、顧客の注文メモを有効にするなど、カートページをカスタマイズすることができます。

Boundlessのテーマは次の2種類のカートタイプに対応しています。

  • アイテムがカートに追加された時点で、顧客をカートページにリダイレクトするページタイプ。

  • アイテムがカートに追加された時点で、ページ横のドロワーを開くドロワータイプ。この場合はチェックアウトページに進むようプロンプトが表示されます。

Boundlessには、お客様が注文に関する特別な指示を送信するオプションが含まれます。

カート設定を調整する

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  2. Boundlessのテーマ設定の隣にある [カスタマイズする] をクリックします。
  1. Shopifyアプリから [Store] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. Boundlessのテーマ設定の横にある [カスタマイズ] をタップします。
  5. [編集] をタップします。
  1. Shopifyアプリから [Store] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. Boundlessのテーマ設定の横にある [カスタマイズ] をタップします。
  5. [編集] をタップします。

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

  2. [カートページ] をクリックします。

  3. カートタイプリストからカートタイプを選択します。

  4. チェックアウト時に顧客が注文メモを利用できるよう設定する場合は、[注文メモを有効にする] にチェックを入れます。

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

SNS

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

SNS設定を調整する

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  2. Boundlessのテーマ設定の隣にある [カスタマイズする] をクリックします。
  1. Shopifyアプリから [Store] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. Boundlessのテーマ設定の横にある [カスタマイズ] をタップします。
  5. [編集] をタップします。
  1. Shopifyアプリから [Store] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. Boundlessのテーマ設定の横にある [カスタマイズ] をタップします。
  5. [編集] をタップします。

  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. Boundlessのテーマ設定の隣にある [カスタマイズする] をクリックします。
  1. Shopifyアプリから [Store] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. Boundlessのテーマ設定の横にある [カスタマイズ] をタップします。
  5. [編集] をタップします。
  1. Shopifyアプリから [Store] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. Boundlessのテーマ設定の横にある [カスタマイズ] をタップします。
  5. [編集] をタップします。
  1. [テーマ設定] をクリックします。
  2. [ファビコン] をクリックします。

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

    • ローカルコンピューターから画像を選択する場合は、[ライブラリー] タブをクリックし、次に [アップロード] をクリックします。

  4. ファビコン画像に代替テキストを追加するには、以下の手順を実行します。

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

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

チェックアウト

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

テーマスタイル

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

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

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  2. Boundlessのテーマ設定の隣にある [カスタマイズする] をクリックします。
  1. Shopifyアプリから [Store] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. Boundlessのテーマ設定の横にある [カスタマイズ] をタップします。
  5. [編集] をタップします。
  1. Shopifyアプリから [Store] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. Boundlessのテーマ設定の横にある [カスタマイズ] をタップします。
  5. [編集] をタップします。

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

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

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

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

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

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

無料体験を試す