連番ボックスブロックの解説をします。
連番ボックスブロックの追加
左上の「+」ボタンをクリックします。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2023/08/add-block-1024x680.jpg)
「連番ボックス」をクリックします。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.07.49.png)
以下のような連番ボックスブロックが表示されます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.08.29.png)
項目を追加するためには、まず右上にある「親ブロックを選択」をクリックします。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.08.29-1-1024x308.png)
親ブロックが選択されている状態で右下にあるプラスマークをクリックすると項目が追加されます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.38.15.png)
同じように「親ブロックを選択」→「右下プラスマークをクリック」を繰り返すと、回数分の項目が追加されます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.37.55.png)
連番ボックスブロックの設定を表示する
連番ボックスブロックの「親ブロックを選択」をクリックします。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.08.29-1.png)
右サイドバーにボタンブロックの設定が表示されない場合は、赤枠の箇所をクリックすると右サイドバーにブロックの設定が表示されます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.11.03.png)
テキストの設定
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.08.29-2.png)
連番ボックスブロックのテキストは赤枠内に直接入力できます。
スタイルの設定
4種類のスタイルが選択できます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.13.24.png)
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.16.25-1024x323.png)
レイアウトの設定
番号の上のテキスト(任意)とカラム数・マージンが設定できます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.33.53.png)
番号の上のテキスト(任意)では、テキストを指定することができます。
初期値は「POINT」ですが、必要ない場合はテキストを削除することで表示を消すことができます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.34.36.png)
番号の上のテキストの他に、カラム数・マージンを設定できます。
3つの画面幅に合わせてそれぞれ設定可能です。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-13.51.01.png)
アイコンをクリックしてそれぞれ指定してください。
色の設定
項目ごとに色の設定を変更することができます。
下の赤枠内をクリックすると右サイドバーにカラー設定があります。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.08.29-2-2-1024x308.png)
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-14.51.47.png)
テキスト・枠線・番号の色を変更することができます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/03/スクリーンショット-2024-03-18-13.00.59.png)
カラー設定の右上にある点三つのアイコンをクリックすると、設定をリセットできます。