ページレイアウトの編集

あなたのウェブサイトのレイアウトとデザインは、使用されているテーマによって制御されます。テーマの各ページは、ページレイアウトを編集してカスタマイズできます。

この記事では三つのことを学べます。

• 行の高さを調整する方法
• 列の幅を調整する方法
• 行内の列数を変更する方法

次のビデオは、ページのレイアウトを編集する方法の概要です。ページレイアウトの編集の詳細については、さらに詳しくお読みください。

ウェブサイトのテーマのページは、3つの主要セクションで構成されています：

1. ヘッダー
2. 本文
3. フッター

ヘッダーとフッターの領域に加えられた変更は、テーマのすべてのページに適用されます。本文領域に加えられた変更は、現在編集しているページにのみ影響します。

コンテンツは行と列で構成されます。行と列は、サイトがすべてのデバイスで応答するようにするために使用されます。デバイスのサイズが小さくなると、コンテンツが常に表示されるように行が重なります。

行の高さと列の幅は調整可能です。また、行内の列の数も調整可能です。

行の高さを調整するには：

1. サイズ変更ハンドルが表示されるまで、行の下端にマウスを合わせます。
2. サイズ変更ハンドルをクリックしてドラッグして、行の高さを増減します。
    

列の幅を調整するには：

1. サイズ変更ハンドルが表示されるまで、列の端にマウスを合わせます。
2. サイズ変更ハンドルを左右にクリックしてドラッグして、列の幅を増減します。
   

行内の列数を変更するには：

1. 行の上にマウスを置く。

   行コントロールが表示されます。

2. 行アイコンの横にある下矢印をクリックします。
3. ドロップダウンメニューから行設定項目を選択します。
   

   行設定ポップアップが表示されます

   

   行ウィジェットをダブルクリックして行設定ポップアップを開くこともできます。

4. 調整可能な幅の列の数を流体列数フィールドに入力します。
5. 追加の固定幅の列を追加するかどうかを選択します。

   はいを選択すると、固定列の位置ドロップダウンボックスが表示されます。

   
   • 流体列の左：調整可能な幅の列の左側に固定幅の列を追加します。
   • 流体列の右：調整可能な幅の列の右側に固定幅の列を追加します。
6. 固定幅の列の位置を選択します。
7. OKをクリックします。
8. 保存ボタンをクリックし、ページ設定バーの右側にある公開ボタンをクリックします。