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

デフォルトでは、SXAにはBootstrap 5グリッド システムが付属しています。SXAは他のグリッド フレームワークの統合をサポートしており、独自のグリッド フレームワークを構築することもできます。
メモ
サイトを作成した後にグリッド システムを変更するには、複数の手動変更が必要になります。ページ上で以前のグリッド システムを参照しているため、レイアウトが壊れます。

