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

Last update: Sun Jul 14 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`	親コンテナの右端に沿ってブロックを配置します。指定したパディングは許可されます。

ブロックコンテナの 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`	コンテナの境界線は二重線で表示されます。
`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	ピクセル数を入力して、境界線の各コーナーを丸めるために使用する半径のサイズを定義します。

ブロック 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 ワークスペースに戻ります。