要素 – テキスト

が含まれる Page Builder パネル、展開 Elements をドラッグします。 Text ステージ上の行、列またはタブセットへのプレースホルダー。

{width="600" modal="regular"}

必要に応じて、エディターを使用してテキストの入力や書式設定を行います。

詳しくは、を参照してください エディターの使用.

{width="600"}

ストアフロントで、リンクのターゲットにするページに移動し、リンク情報をコピーします。

完全修飾 URL か、ストアドメインへの参照を省略する相対 URL のいずれかを使用できます。

完全な URL - https://mystore.com/women/tops-women/tees-women.html

相対 URL - ../women/tops-women/tees-women.html

エディタースペースでテキストを選択し、 リンクを挿入/編集 （ {width="20"} ）を選択します。

{width="500" modal="regular"}

の場合 URL ​に、作成した相対リンクを入力します。

を設定 Target 対象： None.

この設定の場合、ページは新しいタブを開かずに同じブラウザーウィンドウで開きます。

の場合 Title、と入力します Shop Tees.

この Title リンク属性は、一部のブラウザーでツールヒントとして使用されます。

リンクを保存して、に戻るには Page Builder ワークスペース、クリック OK.

{width="500" modal="regular"}

画像を挿入するテキスト内の位置にカーソルを置きます。

クリック 画像を挿入/編集 （ {width="20"} ）を選択します。

の場合 Source ​を選択します。検索アイコンをクリックすると、メディアストレージを使用して画像を検索および選択できます。

の場合 Image Description、画像の説明テキストを入力します。

このテキストはに入力されます alt 画像のリンク属性で、アクセシビリティのために一部のブラウザーで使用されます。

幅と高さを入力 Dimensions ​ページ上に画像をレンダリングするためのピクセル単位。

保持： Constrain proportions 画像の縦横比を自動的に維持する場合に選択したチェックボックス。

画像を挿入して、に戻るには Page Builder ワークスペース、クリック OK.

テキストコンテナにカーソルを合わせてツールボックスを表示し、 設定 （ {width="20"} ） アイコンをクリックします。

必要に応じてコンテンツを更新します。

を更新 Advanced ​必要に応じて設定します。

• 親コンテナ内のテキストの位置を制御するには、 Alignment:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  オプション	説明
  Default	現在のテーマのスタイル シートで指定されている線形の既定の設定を適用します。
  Left	親コンテナの左罫線に沿ってリストを配置します。指定したパディングはすべて許可されます。
  Center	親コンテナの中央にリストを揃えます。指定したパディングに対する許容値を使用します。
  Right	親コンテナの右端に沿ってブロックを配置します。指定したパディングは許可されます。

• を Border テキストコンテナの 4 つの辺すべてに適用されるスタイル：

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
  オプション	説明
  Default	関連付けられたスタイル シートで指定されている既定の罫線スタイルを適用します。
  None	コンテナの境界線の表示はしません。
  Dotted	コンテナの境界線は点線で表示されます。
  Dashed	コンテナの境界線は破線で表示されます。
  Solid	コンテナの境界線は実線で表示されます。
  Double	コンテナの境界線は二重線で表示されます。
  Groove	コンテナの境界線は溝付き線で表示されます。
  Ridge	コンテナの境界線は、境界線として表示されます。
  Inset	コンテナの境界線は、インセットされた線として表示されます。
  Outset	コンテナの境界線は、先頭行として表示されます。

• 境界線のスタイルを Noneの場合は、次のボーダー表示オプションを入力します。

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  オプション	説明
  Border Color	見本を選択するか、カラーピッカーをクリックするか、有効なカラー名または同等の 16 進数値を入力して、カラーを指定します。
  Border Width	境界線の幅のピクセル数を入力します。
  Border Radius	ピクセル数を入力して、境界線の各コーナーを丸めるために使用する半径のサイズを定義します。

• （オプション）の名前を指定します CSS classes を現在のスタイルシートから取得して、コンテナに適用します。

  複数のクラス名はスペースで区切ります。

• 次の値をピクセル単位で入力 Margins and Padding テキストコンテナの外側の余白と内側のパディングを決定します。

  対応する値を図に入力します。

  table 0-row-2 1-row-2 2-row-2 layout-auto
  コンテナ領域	説明
  Margins	コンテナのすべての側面の外側の端に適用される空白スペースの量。 オプション： Top / Right / Bottom / Left
  Padding	コンテナのすべての側面の内側の端に適用される空白のスペースの量です。 オプション： Top / Right / Bottom / Left

完了したら、 Save 設定を適用し、 Page Builder ワークスペース。