要素 – テキスト

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	親コンテナの右端に沿ってブロックを整列させ、指定されたパディングを許可します。

• テキストコンテナのすべての4つの側面に適用される​Border スタイルを設定します。

  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	コンテナの境界線が2行で表示されます。
  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 ワークスペースに戻ります。