テーマエディタで: カスタマイズホームページセクションを追加画像付きテキスト

画像付きテキスト

画像の横に見出し、テキスト、ボタン。スマートフォンではテキストが画像の下に回ります。

セクションごとに画像の左右を入れ替えると、雑誌のように読めるページになります。

設定

画像

画像
画像
スマートフォン用の画像
画像任意。空欄の場合、スマートフォンには通常の画像が表示されます。
画像のフォーカス
選択: 画像の焦点、中央、上、下デフォルト: 画像の焦点
パソコンでの画像の形
選択: 縦長(4:5)、縦長・高め(2:3)、正方形、横長(3:2)デフォルト: 縦長(4:5)
スマートフォンでの画像の形
選択: パソコンと同じ、縦長(4:5)、正方形、横長(3:2)デフォルト: パソコンと同じ

テキスト

見出しの上の小さな一文
オンまたはオフデフォルト: オン
小さな一文
テキスト空欄にすると、デフォルトが表示されます。
見出し
テキスト空欄にすると、デフォルトの見出しが表示されます。
見出しのサイズ
選択: 中、大、特大デフォルト: 大
段落
テキスト空欄にすると、デフォルトのテキストが表示されます。

ボタン

ボタンを表示する
オンまたはオフデフォルト: オン
ボタンのテキスト
テキスト空欄にすると、デフォルトのテキストが表示されます。
ボタンのリンク
リンク空欄にすると、すべての商品のページが開きます。
ガラスボタン
スライダー(0〜90 %)デフォルト: 0 %0:通常の塗りつぶしボタン。0より大きい値:写真の上に置くボタン向けの、細く明るい縁取りのある半透明のダークガラス。値が大きいほど暗くなります。

レイアウト

画像の位置
選択: 自動:上のセクションと反対側、行頭側(ヘブライ語では右)、行末側(ヘブライ語では左)デフォルト: 自動:上のセクションと反対側パソコンまたはタブレットで、テキストの横に画像を置く位置です。自動:上のセクションにも画像とテキストを横に並べたレイアウトがある場合、画像は反対側に配置され、連続するセクションが交互になります。それ以外の場合は先頭側(ヘブライ語では右)に配置されます。
スマートフォンでの順序
選択: 画像が先、テキストが先デフォルト: 画像が先
テキストの配置
選択: 行頭、中央、行末デフォルト: 行頭
画像の横のテキストの位置
選択: 上、中央、下デフォルト: 中央パソコンまたはタブレット。
すべてのセクションに共通する設定窓、スクロール、余白、色、テキストのスタイル

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

窓

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

スクロール

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

余白

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

色

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

テキストのスタイル

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

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