グリッド レイアウト
Version:
日本語翻訳に関する免責事項
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
グリッドシステムは、一貫したデザインを持ち、クロスブラウザのサポートを確保するレスポンシブWebサイトを作成するのに役立ちます。グリッドシステムは、ページを等しい列に分割します。
グリッド列をページに表示するには、リボンのViewタブのShowセクションでGridを選択します。
使用するグリッド システムに応じて、ページはいくつかの列に分割されます。ページ上の列をどのように分割するかを選択できます。すべてのSXAページで、行と列のスプリッターを使用して、使用可能なスペースを水平方向と垂直方向に分割し、必要なページ構造を作成できます。
例えば：
デフォルトでは、SXAには、サイトの作成時に選択できる4つの異なるグリッド システム(Bootstrap 3、Bootstrap 4、Bootstrap 5、Foundation、Grid 960)が付属しています。
グリッド システムによって、使用する余白、列の幅、動作などは異なります。ほとんどのシステムは、デバイスの種類 (モバイル、タブレット、デスクトップなど) ごとに分類されています。
メモ
サイトを作成した後にグリッド システムを変更するには、多くの手動変更が必要になることに注意してください。ページ上で以前のグリッド システムを参照しているため、レイアウトが壊れます。
SXAは他のグリッド フレームワークの統合をサポートしており、独自のグリッド フレームワークを構築することもできます。