Sign In
Home
Subscribe

1行に2つ以上のブロックを水平に配置できます。テキスト、画像、表など、あらゆる種類のブロックに適用できます。

列を追加

4つの方法で追加できます。
あるブロックのハンドルをクリックしたまま、別のブロックの左右にドラッグ&ドロップします。
空の場所に/列を入力してEnterを押すと、列ブロックが追加されます。
ブロックの左側にある+クリックしてからを選択します。
すでに作成されている列の左右にカーソルを置くと表示される+をクリックします。
➕
列内に別の列を追加することもできます。
➕
ドラッグアンドドロップで、列内のブロックを列から引き出すこともできます。

改行設定

各列の上にある灰色のバーをクリックしてレスポンシブラインを選択します。なし、自動、全体のいずれかを選択します。
なし:ウィンドウの幅が狭くなったり、モバイルデバイスで見ても折り返されません。
自動:ウィンドウとモバイル画面の幅に応じて、列数と幅、間隔などを考慮して自動的に改行されます。
全体:ウィンドウの幅が狭くなったり、モバイルデバイスで表示したりすると、すべての列が常に折り返されます。

間隔調整

2つの列間の円をクリックしたまま左右にドラッグ&ドロップします。

幅調整

2つの列間の縦線をクリックしたまま左右にドラッグ&ドロップします。
各列の幅を同じにするには、列の上にある灰色のバーをクリックして列の幅を同じにするを選択します。
➕
列に入れた画像の高さを合わせるには?
各列の領域を示す点線を参照して、列の幅と画像の高さを調整します。

縦揃え

各列の上にある灰色のバーをクリックして、垂直方向の配置選択します。上のソート、中央のソート、下のソートのいずれかを選択すると、その列にソートが適用されます。

列の内部余白を追加

列領域の枠線にカーソルを合わせると、表示される青いバーをクリックしてドラッグします。
より細かく調整するには、各列の上部にある灰色のバーをクリックして余白を選択します。空白に数値を入力すると、上下左右ともその数値と同じ余白が適用されます。上下左右にそれぞれ異なる適用をしたい場合は、入力欄の横にあるリンクアイコンをクリックします。

削除

列から削除するブロックの上部にある灰色のバーをクリックして、削除を選択します。

活用事例

各画像をクリックするとテンプレートに移動します。

1. メンバー/機能/プロジェクト紹介

2. ウェブサイトフッター

3. プロフィール