SeedProd では、セクション内の列のサイズを変更する方法が 2 つあります。レイアウトナビゲーションパネルで正確な幅を設定する方法と、列のサイズ変更ハンドルを使用してキャンバス上で直接列の区切り線をドラッグする方法です。どちらの方法も、単一列または複数列のレイアウトで使用できます。

方法 1: レイアウトナビゲーションパネルを使用する

レイアウトナビゲーションパネルを使用すると、列の設定に直接値を入力して、列の正確な幅を設定できます。

1. Open the Layout Navigation panel by clicking its icon at the bottom of the left sidebar in the builder.
   
   

   

2. In the Layout Navigation panel, click the column you want to adjust. Its settings will open in the panel, showing a Column Width option. Enter the width you want to apply.
   
   

   

3. 保存をクリックし、ページをプレビューして結果を確認してください。

方法 2: 列のサイズ変更ハンドルを使用する

列のサイズ変更ハンドルを使用すると、キャンバス上で直接列を任意のサイズにドラッグできます。これは、迅速な視覚調整を行う場合に便利です。

1. Hover anywhere inside the section containing the columns you want to resize. The row’s handle options will appear in blue, including the Resize Columns option.
   
   

   

2. Click Resize Columns to enter column resize mode. Then click and drag the gutter between any two columns to adjust their sizes proportionally.
   
   

   

3. 保存をクリックし、ページをプレビューして結果を確認してください。

ページのどのセクションでも、どちらかの方法を使用できます。特定の幅が必要な場合はレイアウトナビゲーションパネルを使用し、キャンバス上で直接視覚的に調整したい場合は列のサイズ変更ハンドルを使用します。