カラムは、セクション内に複数の要素を横並びで配置するためのレイアウト構成パーツです。
1カラム、2カラム、3カラム、4カラムなど、目的に応じた構成を選択することで、テキストと画像を左右に並べたり、特徴紹介を等間隔に配置したりすることができます。
各カラムの幅や余白は個別に調整可能で、レスポンシブ対応(画面幅に応じた自動調整)にも対応しています。
視覚的なバランスや情報のグルーピングに優れた柔軟なデザイン設計が可能となるため、ページの見やすさ・使いやすさの向上に貢献します。
1カラム、2カラム、3カラム、4カラムなど、目的に応じた構成を選択することで、テキストと画像を左右に並べたり、特徴紹介を等間隔に配置したりすることができます。
各カラムの幅や余白は個別に調整可能で、レスポンシブ対応(画面幅に応じた自動調整)にも対応しています。
視覚的なバランスや情報のグルーピングに優れた柔軟なデザイン設計が可能となるため、ページの見やすさ・使いやすさの向上に貢献します。
カラムの説明
カラムの追加方法
カラムは、セクション内で左右に要素を並べて配置したいときに使用するレイアウト部品です。以下の手順で追加できます。- 左側メニューの 「カラム」 を展開します。
- 目的のカラム構成(例:1カラム、2カラム、3カラムなど)を選びます。
- ドラッグ&ドロップでページ上のセクション内に追加したい位置に配置します。
各カラムの幅は後から個別に調整できます。
カラムの設定の説明
カラムの設定項目について
カラムを選択すると、右側の「カラム」設定パネルに以下の項目が表示され、横幅の調整が可能です。- ① 幅
カラム全体の幅をスライダーまたは数値入力で設定できます。
ページ幅に対してカラムをどの程度の広さにするかを視覚的にコントロールできます。
スマートフォン表示時の説明
スマートフォン表示では、複数のカラム(列)を使用している場合でも、**すべてのカラムが縦方向に自動的に並び替えられます**。
これは、スマートフォンの狭い画面でも内容が読みやすくなるように設計されており、ユーザーが横スクロールせずに快適に閲覧できることを目的としています。
例えば、2カラムや3カラムのレイアウトを設定していても、スマートフォンでは「カラム1 → カラム2 → カラム3…」という順番で**縦に1列ずつ表示**されます。
そのため、カラム内の順序や構成は、スマートフォン表示を想定して内容の順番を意識して設計することを推奨します。
これは、スマートフォンの狭い画面でも内容が読みやすくなるように設計されており、ユーザーが横スクロールせずに快適に閲覧できることを目的としています。
例えば、2カラムや3カラムのレイアウトを設定していても、スマートフォンでは「カラム1 → カラム2 → カラム3…」という順番で**縦に1列ずつ表示**されます。
そのため、カラム内の順序や構成は、スマートフォン表示を想定して内容の順番を意識して設計することを推奨します。
コメント
0件のコメント
サインインしてコメントを残してください。