レイアウト – タブ

が含まれる Page Builder 下のパネル Layout、をドラッグします​ Tabs ​ステージまたはステージ上の行や列に直接プレースホルダーを追加します。

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

「」をクリックします Tab 1 個々のタブのツールボックスを表示するラベル 設定 （ {width="20"} ） アイコンをクリックします。

を入力 Tab Name をラベルとして使用する。

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

必要に応じて、を入力します Minimum Height 「」タブの場合。

この値には、有効な CSS 単位（など）を含む数値を指定できます 100px, 50%, 50em, 100vh）または計算（など 100vh - 237px）に設定します。

を選択 Vertical Alignment タブに追加されたコンテンツコンテナを整列する設定（上、中央または下）。

必要に応じて、次の節を参考にして、その他のオプションを設定します。

• Background
• Advanced

右上隅のをクリックします。 Save 設定を適用し、 Page Builder ワークスペース。

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

内をクリック Tab 2 ラベル：カーソルを表示し、タブの独自のラベルを入力します。

ステージの 2 番目のタブをもう一度クリックし、 複製 （ {width="20"} ） アイコンをクリックします。

YourName をクリック Copy ラベル：カーソルを表示し、3 番目のタブに独自のラベルを入力します。

移動するタブをクリックします。

を選択してドラッグします。 移動 （ {width="20"} ） アイコンがタブセット内の新しい位置に表示されます。このアイコンはタブラベルのテキストの直前に表示されます。

コンテンツを追加するタブをクリックします。

が含まれる Page Builder パネル、展開 Elements をドラッグします。 テキスト タブのプレースホルダー。

エディターにテキストを入力または貼り付け、エディターツールバーを使用して必要に応じて書式設定します。

参照： 要素 – テキスト テキスト コンテンツタイプの操作の詳細については、を参照してください。

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

右上隅のをクリックします。 Save.

個々のタブにポインタを合わせてツールボックスを表示し、 設定 （ {width="20"} ） アイコンをクリックします。

必要に応じて、タブの基本設定を変更します。

• Tab Name - タブラベルの改訂テキストを入力します。 ラベルをステージ上で直接変更することもできます。

• Minimum Height – 自動の高さを上書きする場合は、ピクセルで入力します。 例えば、背景画像の高さと一致するように最小の高さを設定して、画像全体が表示されるようにします。

• Vertical Alignment - タブに追加するコンテンツコンテナの垂直位置を選択します。

必要に応じて、以下の節で他の設定を変更します。

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

タブセットコンテナの上部のボーダーにマウスポインターを置いてツールボックスを表示し、 設定 （ {width="20"} ） アイコンをクリックします。

必要に応じて、 Default Active Tab.

ページの読み込み時にアクティブにするタブをセットから選択します。

を入力 Minimum Height ​タブセットの自動の高さを上書きする場合は、ピクセル単位です。

ナビゲーションタブをタブセットの上部に沿って配置するには、 Tab Navigation Alignment （Left, Center、または Right）に設定します。

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

タブセットの詳細オプションを設定します。

• 親コンテナ内のタブセットの位置を制御するには、 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 ワークスペース。