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

対象ページ、ブロック、製品、またはカテゴリのPage Builder ワークスペースに移動します。

Page Builder パネルで、Add Content​を展開し、Dynamic Block プレースホルダーをステージにドラッグします。

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

空の動的ブロックコンテナにカーソルを合わせてツールボックスを表示し、設定 （ {width="20"}）アイコンを選択します。

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

動的ブロックを編集 ページで、Select Dynamic Block​をクリックし、リストを使用してブロックを選択します。

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

リストで、挿入する動的ブロックを見つけて、Select​をクリックします。 次に、Add Selected​をクリックします。

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

ダイナミックブロック情報の概要を以下に示します。

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

Template​を次のいずれかに設定します：

{width="200"}

必要に応じて、詳細設定を行います。

完了したら、Save​をクリックして設定を適用し、Page Builder ワークスペースに戻ります。

親コンテナ内の動的ブロックの位置を制御するには、Alignment​を選択します。

動的ブロックコンテナのすべての4つの側面に適用される​Border スタイルを設定します。

None以外の境界線スタイルを設定する場合は、境界線の表示オプションを完了します。

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

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

Margins and Padding​の値をピクセル単位で入力して、ダイナミックブロックコンテナの外側の余白と内側の余白を決定します。

対応する値をダイアグラムに入力します。

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

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

必要に応じて、ダイナミックブロックを変更します。

• Select Dynamic Block​をクリックします。

  {width="20"}

• アクティブな動的ブロックのリストで、追加するブロックの​ Select ​をクリックします。

必要に応じて、残りの設定を更新します。

完了したら、Save​をクリックして設定を適用し、Page Builder ワークスペースに戻ります。

動的ブロックコンテナにカーソルを合わせてツールボックスを表示し、複製 （ {width="20"}）アイコンを選択します。

複製はオリジナルのすぐ下に表示されます。

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

新しいダイナミックブロックを別の位置に移動するには、そのコンテナにカーソルを合わせ、ツールボックスで​移動 （ {width="20"}）を選択します。

新しい位置に赤いガイドラインが表示されるまで、ダイナミックブロックを選択してドラッグします。

各コンテナの上下の境界線は、ダイナミックブロックを移動すると破線で表示されます。

動的ブロックコンテナにカーソルを合わせてツールボックスを表示し、削除 （ {width="20"}）アイコンを選択します。

確認を求められたら、OK​をクリックします。