目次
レイアウトは２種類
レイアウトには２種類あります。
カラム
カラムは予めの大きさが決まっている場合に使います。
カラムの例
50%：50%の場合
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
30%：70%の場合
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
リッチカラム
リッチカラムは、Swellのテーマに搭載されている機能です。カラムを追加する場合に簡単に追加できます。また３列表示で設定した場合に５個のカラムがあると、１列目は３個、２列目は２個と自動振り分けされます。
- 等間隔で表示される
- PCやタブレット、スマホでそれぞれの列数を指定できる
レイアウトの例
４列レイアウトの場合
テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。
２列レイアウトの場合
テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。
・均等に並べることができる
・デバイスごとにレイアウトを変えられます。
ブロック編集画面から編集できます。
下記の場合だと下記のように表示されます。
- PC閲覧時：4列
- タブレット閲覧時；２列
- スマホ閲覧時：１列
