コンテンツの編集

グリッドとは何で、要素を配置する際にはどのような場合に使用しますか?

グリッドとは何で、要素を配置する際にはどのような場合に使用しますか?

1
エレメントパネルでGridをクリックし、セクションにドラッグします。 ● グリッドはページを行と列に分割し、柔軟な2次元の配置コントロールを可能にします。 ● 商品一覧、ギャラリー、ダッシュボードなど、明確な構造が必要なケースに最適です。
Screenshot for step 1
2
設定パネルで Columns の数を設定して縦方向に分割し、Rows の数を設定して横方向に分割します。これにより要素を左右・上下にきれいに整列させることができます。
Screenshot for step 2
3
Row GapColumn Gap の値を調整してセル間のスペースをコントロールします。数値を直接入力するか矢印で微調整し、バランスの取れた読みやすいレイアウトを実現します。
Screenshot for step 3
4
グリッドの構造が整ったら、TextImageButton などの要素をセルにドラッグします。これにより、各アイテムを規則正しく配置でき、統一感のあるレイアウトを作成できます。
Screenshot for step 4