ボックスブロックの解説をします。
ボックスブロックの追加
左上の「+」ボタンをクリックします。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2023/08/add-block.jpg)
「ボックス」をクリックします。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-15-15.30.35.png)
以下のように背景に色がついたブロックが表示されます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-15-15.32.12.png)
ボックスに枠線または影をつけることができ、背景色やテキストをはじめ、枠線、影の色や透明度を調節することができます。
ボックスブロックの設定を表示する
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-15-15.47.49.png)
右サイドバーにボックスブロックの設定が表示されない場合は、赤枠の箇所をクリックすると右サイドバーにブロックの設定が表示されます。
テキストの設定
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-15-15.49.29.png)
ボックスのテキストはボックスの中に直接入力できます。
スタイルの設定
3種類のスタイルが選択できます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-15-15.53.10.png)
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-15-15.54.27-1024x286.png)
色の設定
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-15-15.52.28.png)
右サイドバーにある「カラー設定」で色の変更ができます。背景色は単色とグラデーションから選択できます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-15-15.52.44.png)
カラー設定の右上にある点三つのアイコンをクリックすると、設定をリセットできます。