Brooklynの静的セクション

Brooklynにはいくつかの静的セクションがあり、オンラインストアの所定の場所で表示されます。これらのセクションを削除または再配置することはできません。静的セクションには、ヘッダー、フッター、またはメニューのセクションが含まれる可能性があります。商品ページやコレクションページなどのコンテンツページに表示される静的セクションについて詳しくは、「Brooklynのページセクション」を参照してください。

ヘッダー

テーマのヘッダーは、ストアの各ページの上部に表示されるセクションです。

Brooklynを使うと、以下のアイテムをヘッダーに追加できます。

  • ロゴ
  • メニュー
  • 告知バー

ヘッダーリンクとアイコンの色を変更することもできます。

ホームページの透過ヘッダーを有効にすると、ホームページヘッダー用の別個のロゴと色を選択できます。

カスタムロゴを追加する

ストアにカスタムロゴを追加できます。

  1. [ヘッダー] をクリックします。5. ロゴ画像エリアで [画像を選択する] をクリックし、次のいずれかを実施します。* 管理画面にすでにアップロードした画像を選択するには、[ライブラリー] タブをクリックします。* ローカルコンピューターから画像を選択するには、[ライブラリー] > [アップロード] をクリックします。6. カスタムロゴの幅スライダーを使用して、ロゴの幅をカスタマイズします。8. [保存] をクリックします。

メニュー設定をカスタマイズする

以下のメニュー設定をカスタマイズできます。

  • 検索タイプ - ヘッダー検索機能のスタイルを設定します。
  • メニュー - ヘッダーに表示されるメニューを設定します。
  • 追加メニュー - サイドバーメニューに追加メニューを追加します。多くのスペースがメインメニューによって使用される場合、ヘッダーメニューの代わりにサイドバーメニューが表示されます。「Brooklynのヒント」で詳細をご確認ください。
  • 検索を有効にする - サイドバーメニューに検索バーを表示します。
  1. [ヘッダー] をクリックします。2. メニューエリアで、メニュー設定を調整します。3. [保存] をクリックします。

告知バーを追加する

ヘッダーに告知バーを追加してお客様にメッセージを表示できます。メッセージはカスタマイズ可能で、連絡先情報、ストアのイベントや販売に関する情報、またはストアのスローガンを含めることが可能です。

  1. [ヘッダー] をクリックします。5. 告知バーエリアで、[告知を表示する] にチェックを入れます。 [ホームページのみ] を選択し、ホームページにのみ告知メッセージを表示します。6. 告知のテキストを入力します。7. オプション: URLを入力して告知へのリンクを追加します。9. 告知バーの背景色を変更するには、[バー] の色見本をクリックして色を選択します。10. 告知テキストの色を変更するには、[テキスト] の色見本をクリックして色を選択します。11. [保存] をクリックします。

ヘッダーリンクとアイコンの色を変更する

  1. [ヘッダー] をクリックします。2. [リンクとアイコン] の色見本をクリックして色を選択します。3. [保存] をクリックします。

透過ヘッダーを有効にする

ホームページのスライドショーにヘッダーロゴとテキストを表示したい場合は、透過ヘッダーを有効にすることができます。ストアのトップセクションがスライドショーの場合にのみ、このオプションを選択する必要があります。

  1. [ヘッダー] をクリックします。
  2. 透過ヘッダーエリアで、[ホームページの透過ヘッダーを有効にする] をオンにします。
  3. オプション: 透明なロゴエリアで、[画像を選択する] をクリックし、次のいずれかを実施します。- 管理画面にアップロード済みの画像を選択するには、[ライブラリー] タブをクリックします。
  4. Burstからストック画像を選択するには、[無料の画像] タブをクリックします。ここで検索ワードを入力するか、画像カテゴリーを閲覧することができます。
  5. ローカルコンピューターから画像を選択する場合は、[ライブラリー] タブをクリックし、次に [アップロード] をクリックします。

  6. リンクとアイコンの色を変更するには、[透過ヘッダーのリンクとアイコン] の色見本をクリックし、色を選択します。

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

フッター

テーマのフッターは、ストアの各ページの下部に表示されるセクションです。 以下の機能をフッターに追加できます。

  • 決済アイコン
  • 言語セレクター
  • 通貨セレクター
  • メニュー

決済アイコンを追加する

フッターには、対応している決済方法のアイコンを表示することができます。このエリアには、管理画面の決済設定セクションで有効にした決済サービスに関連付けられているアイコンが表示されます。

  1. [フッター] をクリックします。

  2. [決済アイコンを表示する] にチェックを入れます。

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

メニューを追加する

フッターにメニューを追加できます。フッターにすべてのメニューのリンクが表示されるので、これを使用してお客様がアクセスする一般的なページを強調することができます。たとえば、お問い合わせページ、配送情報ページ、プライバシーポリシーへのリンクを含むメニューを追加できます。

  1. [フッター] をクリックします。

  2. メニューを選択するには、[変更する] をクリックします。リストからメニューを選択するか、[メニューを作成する] をクリックして新しいメニューを作成します。

  3. メニューを編集するには、[メニューを編集する] をクリックします。

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

言語セレクターを追加する

複数のストアの言語を有効にしている場合にのみ、言語セレクターを追加する必要があります。

  1. [セクション] をクリックします。

  2. [フッター] をクリックします。

  3. [言語セレクター] で、[言語セレクターを表示する] を選択します。

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

通貨セレクターを追加する

複数の通貨を有効にしている場合にのみ、通貨セレクターを追加する必要があります。

  1. [フッター] をクリックします。

  2. [通貨セレクター] で、[通貨セレクターを表示する] を選択します。

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

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

無料体験を試す