テーマエディタで: カスタマイズホームページセクションを追加雰囲気バナー

雰囲気バナー

テキストを重ねた横長の雰囲気写真。セクションの間に空気感を作ります。

テキストを置く落ち着いた部分がある写真を選び、テキストの色調を明るめか暗めに合わせましょう。

設定

画像

画像
画像
またはコレクションの画像
コレクション上で画像が選択されていない場合にのみ使用されます。
スマートフォン用の画像
画像任意。狭い画面用に異なるトリミングの画像を設定します。
動画
動画ファイル動画を選択すると画像の代わりに表示され、画面内にスクロールされたときにのみ再生が始まります。画像はポスターとして残ります。
スマートフォン用の動画
動画ファイル任意。空欄の場合、スマートフォンには通常の動画が表示されます。
画像のフォーカス
選択: 画像の焦点、中央、上、下デフォルト: 画像の焦点

形

パソコンでの形
選択: パノラマ(21:9)、シネマ(5:2)、ワイド(16:9)デフォルト: シネマ(5:2)
スマートフォンでの形
選択: 縦長(4:5)、正方形、ワイド(16:9)デフォルト: 縦長(4:5)

画像上のテキスト

見出し
テキスト任意。画像のみを表示するには、すべてのテキスト欄を空欄にしてください。
短いテキスト
テキスト
ボタンのテキスト
テキスト任意。ボタンにはリンクも必要です。
ボタンのリンク
リンク
ガラスボタン
スライダー(0〜90 %)デフォルト: 0 %0:通常の塗りつぶしボタン。0より大きい値:写真の上に置くボタン向けの、細く明るい縁取りのある半透明のダークガラス。値が大きいほど暗くなります。
テキストの配置
選択: 行頭、中央、行末デフォルト: 中央
画像上のテキストの高さ
選択: 上、中央、下デフォルト: 中央
テキストの色
選択: 明るいテキスト、暗いテキストデフォルト: 明るいテキスト
画像の陰影
スライダー(0〜70 %)デフォルト: 0 %テキストを読みやすくするため、画像の上に暗いベールを重ねます。0の場合はなしです。
テキストの不透明度
スライダー(20〜100 %)デフォルト: 100 %写真の上の見出しとテキスト。100%は不透明で、値を下げると写真が透けて見えます。ボタンは不透明のままです。
すべてのセクションに共通する設定窓、スクロール、余白、色、テキストのスタイル

ウィンドウ、スクロール、余白、色の設定は、どのセクションでも同じように動作します。仕組みを見る。

窓

連結
選択: 独立した窓、上の窓に連結、下の窓に連結、上下に連結デフォルト: 独立した窓
画像の角
選択: 丸角、角ありデフォルト: 丸角

スクロール

スクロール時に次のセクションが覆いかぶさる
オンまたはオフデフォルト: オフ下にスクロールすると、このセクションはヘッダーの下に固定され、次のセクションがその上にせり上がります。上に戻すと逆の動きになります。エディター、視差効果を減らす設定の訪問者、高さが非常に低い画面ではオフになります。

余白

このセクションにカスタム余白を使用する
オンまたはオフデフォルト: オフオフ:テーマ設定の「レイアウト」にあるセクション間の余白を使用します。オン:ここで設定した値をこのセクションの上下に使用します。モバイルでは、ほとんどのセクションがその65%を使用します。
上の余白
スライダー(0〜120 px)デフォルト: 32 px
下の余白
スライダー(0〜120 px)デフォルト: 32 px
コンテンツの幅
選択: 狭い、標準、広い、全幅デフォルト: 広い

色

カラースキーム
カラースキームページのスキームと同じ場合: セクションはページの背景の上に置かれます。別のスキームを選ぶと、フレーム内のカードとして独自の背景になります。下のカスタムカラーはスキームより優先されます。
このセクションにカスタムカラーを使用する
オンまたはオフデフォルト: オフオフの場合、セクションにはテーマの色が使用されます。
背景
色デフォルト: #F1F1EF
テキスト
色空欄の場合:自動。暗い背景では明るく、明るい背景では暗くなります。
背景のスタイル
選択: 単色、ライトステージデフォルト: 単色ライトステージ:上から柔らかな光が差し、下に向かって落ち着いていきます。セクションの色(明るい色・暗い色どちらでも)から作られます。暗い色ではテキストとボタンが自動で明るくなります。
光の色
色上部中央からのやわらかな光。空欄の場合:白。

テキストのスタイル

このセクションのカスタムテキストスタイル
オンまたはオフデフォルト: オフオフの場合、セクションにはテーマのスタイルが使用されます。Shopifyのフォントはヘブライ語に対応していないため、ヘブライ語で機能するスタイルから選択します。
見出しのスタイル
選択: テーマのデフォルト、細字、太字、セリフデフォルト: テーマのデフォルト
見出しのサイズ
スライダー(70〜160 %)デフォルト: 100 %
見出しの色
色空欄の場合:自動。セクションの色が使用されます(暗い背景では明るい色)。
テキストのスタイル
選択: テーマのデフォルト、細字、太字、セリフデフォルト: テーマのデフォルト
テキストのサイズ
スライダー(70〜160 %)デフォルト: 100 %
テキストの色
色空欄の場合:自動。セクションの色が使用されます(暗い背景では明るい色)。

エディタの表示とここの内容が違う場合は、お知らせください。ガイドを修正します。