Brooklynのテーマ設定

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

テーマ設定では、オンラインストアのフォント、色、およびSNSのリンクを管理します。テーマ設定を使用して、チェックアウトの外観をカスタマイズできます。

色

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

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

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

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

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

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

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

タイポグラフィー

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

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

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

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

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

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

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

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

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

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

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

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

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

カートページ

カートページをカスタマイズできます。設定を使用して、どのスタイルのカートを使用するかを選択し、顧客が注文に関するメモを追加できるようにします。顧客はカートメモを使用して、注文の準備や配送方法に関する特別な指示を行うことができます。顧客がメモを書き込むと、そのメモは管理画面の注文のメモセクションに表示されます。

カートページをカスタマイズする

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

  3. カートタイプを設定します。

    • カート - カートは別のページにあります。商品をカートに追加する際に、お客様は商品ページを離れます。
    • ドロワー - ページの右側にカートがスライドして表示されます。商品をカートに追加する際に、お客様は商品ページにとどまります。

  4. オプション: お客様が注文にメモを残せるようにするには [注文メモを有効にする] を選択します。

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

SNS

商品やブログ記事用のSNSでの共有ボタン、SNSアカウントへのリンクを追加することができます。 SNSアカウントへのリンクは、オンラインストアのフッターに表示されます。

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

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

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

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

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

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

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

チェックアウト

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

テーマスタイル

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

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

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

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

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

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

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

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

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

無料体験を試す