グリッドレイアウト

グリッドシステムは、一貫したデザインを持ち、クロスブラウザ対応を保証するレスポンシブなウェブサイトを作成するのに役立ちます。グリッドシステムはページを等しい列に分割します。

グリッドの列をページ、リボン、ビュー タブ、表示 セクションで表示するには、グリッドを選択します。

使用するグリッドシステムによって、ページは複数の列に分割されます。ページ上の列の分割方法を自由に選べます。すべてのSXAページで、行と列の分割器を使って、利用可能なスペースを水平・垂直に分割し、必要なページ構造を作成できます。

例えば:

デフォルトで、SXAはサイト作成時に選択できる4つの異なるグリッドシステムを備えています

グリッドシステムによってマージン、列幅、挙動などが異なります。ほとんどのシステムはデバイスタイプ(例

!注サイト作成後にグリッドシステムを変更するには多くの手動変更が必要になることを認識しておくことが重要です。ページ上の以前のグリッドシステムへの参照があるため、レイアウトが壊れてしまいます。

SXAは他のグリッドフレームワークの統合をサポートしており、自分で構築することも可能です。