コンテンツの編集

コンテンツの配置を一貫させるためにコンテナを使う方法は?

コンテンツの配置を一貫させるためにコンテナを使う方法は?

1
エレメントパネルで Container をクリックし、ページにドラッグします。 ● Container はコンテンツを標準的な枠内に収め、画面端にはみ出さないようにします。 ● デスクトップ、タブレット、モバイルすべてで要素を中央に整列させ、一貫したレイアウトを実現します。 ● ページ全体のデザインがより整然とし、バランスが取れ、プロフェッショナルに見えるようになります。
Screenshot for step 1
2
Container の中に TextImageFlexible Grid などの要素を追加します。 これにより、それらの要素に組み込みの余白がなくても、Container が左右に均等なマージンを適用し、ページ全体が常にきれいに整います。
Screenshot for step 2
3
ページを Container あり・なしでプレビューします。 デスクトップ、タブレット、モバイルでの表示を確認してください。 Container がない場合、要素が画面全幅に広がり、バランスが悪く見えることがあります。
Screenshot for step 3
4
公開後の比較イメージです。 ● Container を使うと、コンテンツは中央に配置され、標準枠内できれいに整います。 ● Container を使わないと、コンテンツが全幅に広がり、ページがアンバランスで読みづらくなります。
Screenshot for step 4