テーマエディタで: カスタマイズ›ホームページ›セクションを追加›ヒーロースライドショー
ヒーロースライドショー
ページ上部の全幅スライド。それぞれにパソコン用とスマートフォン用の画像、見出し、1行のテキスト、最大2つのボタンがあります。
「レディース」と「メンズ」のように1枚のスライドに2つのボタンを置くと、それぞれのお客様を直接コレクションへ案内できます。画像サイズ: パソコン用 3840 × 1740、スマートフォン用 1200 × 2640。
設定
バナー
- 角の丸み
- スライダー（0〜40 px）デフォルト: 26.4 px
- 画像の間隔
- スライダー（0〜40 px）デフォルト: 0 pxデフォルトは0：スライドは枠内で隙間なく切り替わります。0より大きい値にすると、切り替え中に隙間が表示されます。
画像の見た目
- デスクトップでのバナー画像
- 選択: 画像全体（画像の比率に合わせる）、画面いっぱい（端をトリミング）デフォルト: 画像全体（画像の比率に合わせる）画像全体：元の画像全体を表示し、トリミングや拡大は行いません。バナーの高さは最も高い画像に合わせられ（画面の高さまで）、それより横長の画像は上下に暗い帯が付いた状態で全体が表示されます。すべての画像の形が同じ場合、帯はありません。画面いっぱい：バナーは最初の画面全体を占め、画像は端がトリミングされて画面を埋めます。
- スマートフォンでのバナー画像
- 選択: 画像全体（画像の比率に合わせる）、画面いっぱい（端をトリミング）デフォルト: 画面いっぱい（端をトリミング）画像全体：元の画像全体を表示し、トリミングや拡大は行いません。バナーの高さは最も高い画像に合わせられ（画面の高さまで）、それより横長の画像は上下に暗い帯が付いた状態で全体が表示されます。すべての画像の形が同じ場合、帯はありません。画面いっぱい：バナーは最初の画面全体を占め、画像は端がトリミングされて画面を埋めます。
- 画像を暗くする
- スライダー（0〜60 %）デフォルト: 0 %画像の上に重ねる暗いレイヤーで、画像上の文字を読みやすくします。0の場合はレイヤーなしです。
- スライド表示中にズームアウト
- オンまたはオフデフォルト: オン画像は拡大した状態から始まり、スライドの表示中にゆっくりと元のサイズに戻ります。自動切り替えの場合はスライドの表示時間の90%、それ以外の場合は4.5秒かかります。視差効果を減らす設定のデバイスではオフになります。動画のスライドではズームしません。
- 開始時の拡大率
- スライダー（102〜140 %）デフォルト: 128 %
文字とボタン
- テキストの位置
- 選択: 中央、コーナー、フリーデフォルト: 中央中央：文字とボタンは画像の下部中央に配置されます。コーナー：読み始める側の下隅（ヘブライ語では右、英語では左）に、その側に揃えて配置されます。フリー：各要素（見出し、小さな一文、ボタン）は、それぞれのブロックで設定した位置、サイズ、色で、スマートフォンとデスクトップ別々に配置されます。
- ボタンの見た目
- 選択: ガラス（半透明）、ダーク、ライト、ライト（塗りつぶし）デフォルト: ガラス（半透明）
- ガラスの透明度
- スライダー（0〜100 %）デフォルト: 70 %0は完全に透明、100は不透明です。ボタンの周りの細い線は残ります。
- ボタンのテキストの後の矢印
- オンまたはオフデフォルト: オン進む方向を指します：ヘブライ語では左、英語では右。スマートフォンには表示されません。ボタンのテキストの末尾に入力された矢印は、この矢印に置き換えられます。
- ボタンの光沢
- オンまたはオフデフォルト: オンボタンが画面に表示されている間のみ、数秒ごとに光がボタンの上を流れます。視差効果を減らす設定のデバイスではオフになります。
- 文字の登場方法
- 選択: スローグライド（「新着アイテム」と同様）、順番に、すべて同時に、光の軌跡、登場効果なしデフォルト: スローグライド（「新着アイテム」と同様）スライドが表示されると、文字が所定の位置に移動します。光の軌跡：画像が動き始めてから0.5秒後に、画像が来る側からやわらかな縁とともに、一文、見出し、ボタンが一緒に現れます（スマートフォンとデスクトップ）。スローグライド：「新着アイテム」の見出しと同じカーブで、3.4秒かけて一緒に浮き上がります。「順番に」と「すべて同時に」はより速く表示されます。この3つはスマートフォンのみです。視差効果を減らす設定のデバイスではオフになります。
動き
- スライドを自動で切り替える
- オンまたはオフデフォルト: オン訪問者がスライドショー内でキーボードを使用しているとき、ドラッグしているとき、一時停止を押したとき、画面外にあるとき、タブが非表示のときは停止します。
- 各スライドの表示時間
- スライダー（2〜10 s）デフォルト: 5 s
- マウスを重ねている間は一時停止
- オンまたはオフデフォルト: オフマウスを使用するパソコンのみ。デフォルトではオフで、スライドは切り替わり続けます。
- スライドの切り替え速度
- 選択: 速い、標準、遅いデフォルト: 標準
ナビゲーション
- 画像の下にドットを表示する
- オンまたはオフデフォルト: オンスライドごとに1つ表示されます。現在のドットは長く、次の切り替えまでの間に塗りつぶされていきます。
- ドットの間隔
- 選択: ゆったり、コンパクトデフォルト: ゆったり画像の下のドットの間隔。ドットは位置を示すだけです。スマートフォンではスワイプ、デスクトップではドラッグまたは矢印で操作します。
- 矢印を表示する
- オンまたはオフデフォルト: オフ画像の端にコイン型の矢印を表示します（デスクトップのみ）。スマートフォンとタブレットではスワイプで操作します。
- 一時停止ボタンを常に表示する
- オンまたはオフデフォルト: オフオフの場合、一時停止ボタンはキーボードで移動したときにのみ表示されます。
アクセシビリティ
- スクリーンリーダー用の名前
- テキストスクリーンリーダーがスライドショーに到達したときに読み上げられます。空欄の場合：一般的な名前。
ブロック
ブロックはセクションの中にあるパーツです。エディタで追加、削除し、ドラッグして順番を変えられます。
画像
画像
- パソコン用の画像
- 画像トリミング時に表示される範囲は、画像の焦点（画像選択画面で設定）によって決まります。
- スマートフォン用の画像
- 画像任意。空欄の場合：スマートフォンでもパソコン用の画像が使用されます。
- 動画
- 動画ファイル動画を選択すると画像の代わりに表示され、画面内にスクロールされたときにのみ再生が始まります。画像はポスターとして残ります。
- スマートフォン用の動画
- 動画ファイル任意。空欄の場合、スマートフォンには通常の動画が表示されます。
- 画像の説明
- テキスト画像が見えない訪問者に読み上げられます。画像内に文字がある場合は、ここに記載してください。空欄の場合：画像に保存されている説明。
見出し画像 の中
一般
- テキスト
- テキスト
見た目
- スマートフォンでのサイズ
- スライダー（0〜96 px）デフォルト: 0 px0：テーマと同じく自動。
- デスクトップでのサイズ
- スライダー（0〜140 px）デフォルト: 0 px0：テーマと同じく自動。
- 太さ
- スライダー（0〜900）デフォルト: 00：テーマと同じく自動。
- 色
- 色空欄の場合：白。
- 不透明度
- スライダー（0〜100 %）デフォルト: 100 %100は完全に不透明、0は完全に透明です。
フリー配置
- 端からの距離（スマートフォン）
- スライダー（0〜100 %）デフォルト: 6 %0は読み始める側（英語では左、ヘブライ語では右）、100は反対側です。基準点は、配置に応じたテキストの端、または中央揃えの場合はテキストの中央です。
- 高さ（スマートフォン）
- スライダー（0〜100 %）デフォルト: 70 %0は画像の上端、100は下端です。基準点は行の中央です。
- 端からの距離（デスクトップ）
- スライダー（0〜100 %）デフォルト: 6 %0は読み始める側（英語では左、ヘブライ語では右）、100は反対側です。基準点は、配置に応じたテキストの端、または中央揃えの場合はテキストの中央です。
- 高さ（デスクトップ）
- スライダー（0〜100 %）デフォルト: 68 %0は画像の上端、100は下端です。基準点は行の中央です。
- 配置
- 選択: 行頭、中央、行末デフォルト: 行頭位置の基準点でもあります：テキストの行頭、中央、または行末。
- スマートフォンでの最大幅
- スライダー（0〜100 %）デフォルト: 0 %画像の幅に対するパーセント。0：テキストの長さに合わせます。長いテキストは折り返されます。
- デスクトップでの最大幅
- スライダー（0〜100 %）デフォルト: 0 %画像の幅に対するパーセント。0：テキストの長さに合わせます。長いテキストは折り返されます。
小さな一文画像 の中
一般
- テキスト
- テキスト
見た目
- スマートフォンでのサイズ
- スライダー（0〜40 px）デフォルト: 0 px0：テーマと同じく自動。
- デスクトップでのサイズ
- スライダー（0〜48 px）デフォルト: 0 px0：テーマと同じく自動。
- 太さ
- スライダー（0〜900）デフォルト: 00：テーマと同じく自動。
- 色
- 色空欄の場合：白。
- 不透明度
- スライダー（0〜100 %）デフォルト: 100 %100は完全に不透明、0は完全に透明です。
フリー配置
- 端からの距離（スマートフォン）
- スライダー（0〜100 %）デフォルト: 6 %0は読み始める側（英語では左、ヘブライ語では右）、100は反対側です。基準点は、配置に応じたテキストの端、または中央揃えの場合はテキストの中央です。
- 高さ（スマートフォン）
- スライダー（0〜100 %）デフォルト: 79 %0は画像の上端、100は下端です。基準点は行の中央です。
- 端からの距離（デスクトップ）
- スライダー（0〜100 %）デフォルト: 6 %0は読み始める側（英語では左、ヘブライ語では右）、100は反対側です。基準点は、配置に応じたテキストの端、または中央揃えの場合はテキストの中央です。
- 高さ（デスクトップ）
- スライダー（0〜100 %）デフォルト: 77 %0は画像の上端、100は下端です。基準点は行の中央です。
- 配置
- 選択: 行頭、中央、行末デフォルト: 行頭位置の基準点でもあります：テキストの行頭、中央、または行末。
- スマートフォンでの最大幅
- スライダー（0〜100 %）デフォルト: 0 %画像の幅に対するパーセント。0：テキストの長さに合わせます。長いテキストは折り返されます。
- デスクトップでの最大幅
- スライダー（0〜100 %）デフォルト: 0 %画像の幅に対するパーセント。0：テキストの長さに合わせます。長いテキストは折り返されます。
ボタン画像 の中
一般
- ボタンのテキスト
- テキストリンクとともに空欄の場合：コレクションページへの「すべてのコレクション」。
- リンク
- リンクテキストとともに空欄の場合：コレクションページ。
位置
- ボタンの位置
- 選択: テキストと一緒、フリーデフォルト: テキストと一緒テキストと一緒：バナーのテキストが配置されている場所の、見出しの下。フリー：下の設定に従って画像上の任意の場所に配置し、テキストはそのままの位置に残ります。
- 端からの距離（スマートフォン）
- スライダー（0〜100 %）デフォルト: 6 %0は読み始める側（英語では左、ヘブライ語では右）、100は反対側です。基準点は、配置に応じたテキストの端、または中央揃えの場合はテキストの中央です。
- 高さ（スマートフォン）
- スライダー（0〜100 %）デフォルト: 88 %0は画像の上端、100は下端です。基準点は行の中央です。
- 端からの距離（デスクトップ）
- スライダー（0〜100 %）デフォルト: 6 %0は読み始める側（英語では左、ヘブライ語では右）、100は反対側です。基準点は、配置に応じたテキストの端、または中央揃えの場合はテキストの中央です。
- 高さ（デスクトップ）
- スライダー（0〜100 %）デフォルト: 86 %0は画像の上端、100は下端です。基準点は行の中央です。
- 配置
- 選択: 行頭、中央、行末デフォルト: 行頭位置の基準点でもあります：テキストの行頭、中央、または行末。
サイズ
- スマートフォンでの幅
- スライダー（0〜400 px）デフォルト: 0 px0：テキストの長さに合わせます。テキストは常にボタンの中央に配置されます。
- デスクトップでの幅
- スライダー（0〜400 px）デフォルト: 0 px0：テキストの長さに合わせます。テキストは常にボタンの中央に配置されます。
- スマートフォンでの高さ
- スライダー（0〜96 px）デフォルト: 0 px0：テーマと同じく自動。
- デスクトップでの高さ
- スライダー（0〜96 px）デフォルト: 0 px0：テーマと同じく自動。
- スマートフォンでのテキストのサイズ
- スライダー（0〜40 px）デフォルト: 0 px0：テーマと同じく自動。
- デスクトップでのテキストのサイズ
- スライダー（0〜40 px）デフォルト: 0 px0：テーマと同じく自動。
- テキストの太さ
- スライダー（0〜900）デフォルト: 00：テーマと同じく自動。
- スマートフォンでのボタンのサイズ
- スライダー（50〜200 %）デフォルト: 100 %テキストを含むボタン全体を、同じ比率で拡大または縮小します。
- デスクトップでのボタンのサイズ
- スライダー（50〜200 %）デフォルト: 100 %テキストを含むボタン全体を、同じ比率で拡大または縮小します。
形
- 角
- 選択: サイトのすべてのボタンと同じ、四角、完全な丸み、カスタムデフォルト: サイトのすべてのボタンと同じ
- 角の丸み
- スライダー（0〜40 px）デフォルト: 10 px
エディタの表示とここの内容が違う場合は、お知らせください。ガイドを修正します。