Brooklynのテーマ設定

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

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

色

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

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

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  1. Shopifyアプリで [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  1. Shopifyアプリで [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。

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

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

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

  4. コンテンツのタイプごとに、カラー見本をクリックしてカラーピッカーを使用します。

    テーマエディタのカラーピッカー

- 直近の選択エリアには、あなたが最近テーマで選択したカラーが表示されます。 - 現在使用中エリアには、あなたがテーマの別の部分で現在使用しているカラーが表示されます。

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

  1. 保存をクリック

文字体裁

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

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

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  1. Shopifyアプリで [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  1. Shopifyアプリで [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。

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

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

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

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

    フォントピッカーの「変更」ボタン

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

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

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

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

    フォントピッカーで使用可能なフォントウェイトの選択

  8. 保存をクリック

カートページ

カートページをカスタマイズできます。設定を使用して、どのスタイルのカートを使用するかを選択し、お客様が注文に関するメモを追加できるようにします。お客様はカートのメモを使用して、注文の準備や配送方法に関する特別な指示を行うことができます。

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

お客様がメモを書き込むと、そのメモは管理画面の注文のメモセクションに表示されます。

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

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  1. Shopifyアプリで [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  1. Shopifyアプリで [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。

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

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

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

  4. カートタイプを設定します。 - カート - カートは別のページにあります。商品をカートに追加する際に、お客様は商品ページを離れます。

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

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

  6. [保存] をクリック

ソーシャルメディア

商品やブログ記事用のソーシャル共有ボタン、ソーシャルメディアアカウントへのリンクを追加することができます。

ソーシャルメディアの設定をカスタマイズする

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  1. Shopifyアプリで [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  1. Shopifyアプリで [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。

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

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

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

  4. オプション: ソーシャル共有画像をアップロードするには、以下の手順を実行します。

    1. [画像を選択する] をクリックします。
    2. コンピューターで画像をアップロードするか、無料画像をクリックしてバーストからストック画像を使用します。
    3. 画像を選択します。
    4. [保存] をクリック

  5. オプション: フッターに表示されるソーシャルメディアアカウントに、リンクを追加できます。適切なフィールドのアカウントにリンクを入力します。https://instagram.com/shopifyやhttps://twitter.com/shopifyのように、完全なリンクを使用してください。ソーシャルメディアアカウントへのリンクは、オンラインストアのフッターに表示されます。

  6. オプション: 商品やブログ記事にソーシャル共有ボタンを追加できます。以下のいずれかのオプションにチェックを入れます。 - Facebookでシェアする

    • Twitterに投稿する
    • Pinterestでピンする (ブログ記事共有には使用できません)

  7. [保存] をクリック

ファビコン

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

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

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

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  1. Shopifyアプリで [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  1. Shopifyアプリで [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。

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

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

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

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

    1. [画像を選択する] をクリックします。
    2. コンピューターで画像をアップロードするか、無料画像をクリックしてバーストからストック画像を使用します。
    3. 画像を選択します。
    4. [保存] をクリック

  5. ファビコン画像にalt属性を追加するには、以下の手順を実行します。

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

  6. [保存] をクリック

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

無料体験を試す