水平セクション・レイアウトの使用

セクション・レイアウトを使用して、レイアウトに追加するコンポーネントの間隔や配置が自動的に決定されるようにすることができます。

水平レイアウトでは、追加されたアイテムが水平線方向に順番に配置されます。ページ幅が増加または減少すると、レイアウトは比例して変化します。デフォルトでは、アイテムは1行に収まり、均等な水平スペースが割り当てられます。

ページにレイアウトを追加するには:

  1. 編集するページに移動し、「編集」スイッチ「編集」に設定されていることを確認します。
  2. ページにレイアウトを追加します。
  3. 他のコンテンツをセクション・レイアウトに配置するには、コンテンツをレイアウトにドラッグ・アンド・ドロップします。

    レイアウトが、実線の枠線および「アイテムの追加」と表示されるバナーで強調表示されます。
    GUID-01FF01BB-7DB2-47CE-BEC2-EF46C1A8056F-default.pngの説明が続きます
    図GUID-01FF01BB-7DB2-47CE-BEC2-EF46C1A8056F-default.pngの説明

    レイアウトにさらにアイテムを追加でき、レイアウトによってそれらが適宜フォーマットされます。他のセクション・レイアウトを追加して、高度なレイアウトを作成することもできます。

    次に、レイアウトでのアイテムの順序を表す番号付きテキスト・コンポーネントを含む水平レイアウトを示します。


    GUID-35835F80-C44B-43BB-AB4A-6B3D392B73D4-default.pngの説明が続きます
    図GUID-35835F80-C44B-43BB-AB4A-6B3D392B73D4-default.pngの説明
  4. コンポーネントとその外観を編集するには、そのコンポーネントのメニュー・アイコン「コンポーネント」メニュー・アイコンをクリックして、「設定」を選択します。デフォルトの比例サイズ設定を使用しない場合は、個々の領域の幅を設定できます。位置合せ(左揃え、中央揃えまたは右揃え)を設定することもできます。
  5. 「一般」タブを使用して、レイアウト内の個々のコンポーネントの設定を変更します。
    コンポーネント名をクリックして、そのコンポーネントの設定を表示します。
  6. 「背景」タブを使用して、レイアウトの背景設定を変更します。
    背景またはテーマの変更を参照してください。