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

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

サイドメニューのあるブロック

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

ブロック ツールボックス

ツール
アイコン
説明
移動
移動アイコン
ブロックコンテナとその内容をステージ上の別の位置に移動します。
設定
設定アイコン
「ブロックの編集」ページが開きます。このページでブロックを選択し、コンテナのプロパティを変更できます。
Hide
アイコンを非表示
現在のブロックコンテナとそのコンテンツを非表示にします。
表示
アイコンを表示
非表示のブロックコンテナとその内容を表示します。
複製
複製アイコン
ブロックコンテナとその内容のコピーを作成します。
削除
削除アイコン
ブロックコンテナとそのコンテンツをステージから削除します。
NOTE
非表示の要素はデータベースに保存され、顧客には表示されません。 ただし、これらの要素は、サイトをクロールする検索エンジンやその他のボットには表示されます。 また、非表示の属性を持つ API 呼び出しを通じてリクエストされた場合、ステージから削除しない限り、コンテンツの一部として返されます。

既存のブロックを追加

  1. ターゲットページ、ブロック、ダイナミックブロック、製品またはカテゴリの Page Builder ワークスペースに移動します。

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

    ステージへのブロックのドラッグ {width="600" modal="regular"}

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

  4. Select Block」をクリックします。

    ブロックの選択 {width="200"}

  5. 追加するブロックの行で、最後の列の Select をクリックします。

    選択されたブロック {width="600" modal="regular"}

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

    ブロック名 {width="200"}

  6. 必要に応じて、このページの最後にあるフィールドの説明を参考にして、残りの設定を完了します。

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

詳細設定

  1. 親コンテナ内のブロックの位置をコントロールするには、Alignment のいずれかを選択します。

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
    オプション 説明
    Default 現在のテーマのスタイル シートで指定されている線形の既定の設定を適用します。
    Left 親コンテナの左罫線に沿ってリストを配置します。指定したパディングはすべて許可されます。
    Center 親コンテナの中央にリストを揃えます。指定したパディングに対する許容値を使用します。
    Right 親コンテナの右端に沿ってブロックを配置します。指定したパディングは許可されます。
  2. ブロックコンテナの 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 コンテナの境界線は、先頭行として表示されます。
  3. None 以外の境界線のスタイルを設定する場合は、境界線の表示オプションを完了します。

    table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
    オプション 説明
    Border Color 見本を選択するか、カラーピッカーをクリックするか、有効なカラー名または同等の 16 進数値を入力して、カラーを指定します。
    Border Width 境界線の幅のピクセル数を入力します。
    Border Radius ピクセル数を入力して、境界線の各コーナーを丸めるために使用する半径のサイズを定義します。
  4. (オプション)コンテナに適用する現在のスタイルシートの CSS classes の名前を指定します。

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

  5. ブロック 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

ブロック設定を編集

  1. ブロックコンテナにカーソルを合わせ、ツールボックスの 設定 設定アイコン {width="25"}) アイコンを選択します。

    ブロック ツールボックス {width="600" modal="regular"}

  2. 別のブロックを選択するには、[Select Block] をクリックします。

    • アクティブなブロックの一覧で、追加す Select ブロックをクリックします。
    • Add Selected」をクリックします。
  3. 必要に応じて、このページの最後にあるフィールドの説明を参照して、残りの設定を更新します。

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

ブロックの複製

  1. ブロックコンテナにカーソルを合わせてツールボックスを表示し、複製 複製アイコン )アイコンを選択します。

    複製は、元の画像のすぐ下に表示されます。

  2. 新しいブロックを新しい位置に移動するには、コンテナの上にマウスポインターを置き、ツールボックスの 移動 移動アイコン )をクリックします。

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

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

ステージからブロックを削除

  1. ブロックコンテナにカーソルを合わせてツールボックスを表示し、削除 削除アイコン )アイコンを選択します。

  2. 確認を求めるメッセージが表示されたら、「OK」をクリックします。

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d