コンテンツを追加 – ブロック

Last update: Fri May 17 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

の使用 ブロック 既存のアクティブなコンテンツタイプを追加ブロックに Page Builder ステージ. 次の例では、最初の列にページのサイドメニューを含むブロックが含まれています。 2 番目の列には画像が含まれます。

サイドメニュー付きブロック

NOTE

大きな変更を加えている場合 Page Builder コンテンツでは、を増やすことを推奨します管理セッションの有効期間を使用して、作業中にセッションがタイムアウトしないようにします。

ブロックツールボックス

ツール

アイコン

説明

移動

ブロックコンテナとその内容をステージ上の別の位置に移動します。

設定

「ブロックの編集」ページが開きます。このページでブロックを選択し、コンテナのプロパティを変更できます。

Hide

現在のブロックコンテナとそのコンテンツを非表示にします。

表示

非表示のブロックコンテナとその内容を表示します。

複製

ブロックコンテナとその内容のコピーを作成します。

削除

ブロックコンテナとそのコンテンツをステージから削除します。

NOTE

非表示の要素はデータベースに保存され、顧客には表示されません。ただし、これらの要素は、サイトをクロールする検索エンジンやその他のボットには表示されます。また、非表示の属性を持つ API 呼び出しを通じてリクエストされた場合、ステージから削除しない限り、コンテンツの一部として返されます。

に移動します。 Page Builder ターゲットページ、ブロック、動的ブロック、製品またはカテゴリのワークスペース。
が含まれる Page Builder パネル、展開 Add Content をドラッグします。 Block ステージへのプレースホルダー。

{width="600" modal="regular"}
空のブロックコンテナにカーソルを合わせてツールボックスを表示し、設定（ {width="25"} ）アイコンをクリックします。
クリック Select Block.

{width="200"}
追加するブロックの行で、をクリックします Select 最後の列

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

選択したブロックの名前がページに表示されます。

{width="200"}
必要に応じて、このページの最後にあるフィールドの説明を参考にして、残りの設定を完了します。
完了したら、 Save 設定を適用し、 Page Builder ワークスペース。

親コンテナ内のブロックの位置をコントロールするには、 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`

ブロックコンテナにポインタを合わせて、設定（ {width="25"} ）アイコンをクリックします。

{width="600" modal="regular"}
別のブロックを選択するには、 Select Block.
- アクティブなブロックのリストで、 Select 追加するブロック。
- クリック Add Selected.
必要に応じて、このページの最後にあるフィールドの説明を参照して、残りの設定を更新します。
完了したら、 Save 設定を適用し、 Page Builder ワークスペース。