カウントダウンタイマーブロックの解説をします。
カウントダウンタイマーブロックの追加
左上の「+」ボタンをクリックします。
![](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/04/スクリーンショット-2024-04-09-10.25.55.png)
以下のようなカウントダウンタイマーブロックが表示されます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/04/スクリーンショット-2024-04-09-11.41.45.png)
終了時間の設定
終了時間は上部にある「編集画面下」リンク(画像内の赤枠)をクリックすると編集画面下部にスクロールされ、設定項目を確認できます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/04/スクリーンショット-2024-04-09-11.41.45-1.png)
編集画面下のカウントダウンタイマー設定では、終了タイミングを「アクセスからの経過時間」と「指定の日時」の2つから選択することができます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/04/スクリーンショット-2024-04-09-10.28.34-1.png)
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/04/スクリーンショット-2024-04-09-11.49.37-1.png)
テキストの設定
カウントダウンタイマーブロックの終了後に表示するテキストは赤枠内に直接入力できます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/04/スクリーンショット-2024-04-09-11.41.45-2.png)
色の設定
色の設定が右サイドバーにでない場合は右上の赤枠をクリックして表示します。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/04/スクリーンショット-2024-04-09-10.26.51.png)
テキスト・背景の色を変更することができます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/04/スクリーンショット-2024-04-09-10.27.32.png)
カラー設定の右上にある点三つのアイコンをクリックすると、設定をリセットできます。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/04/スクリーンショット-2024-04-09-10.27.40.png)
レイアウト設定
レイアウト設定ではカウントダウンタイマーの要素の幅とマージン上下を設定することができます。
マージンは画面幅ごとに設定できます。アイコンをクリックしてそれぞれ指定してください。
![](https://wp-avenue.com/lp-creator/wp-content/uploads/2024/04/スクリーンショット-2024-04-09-10.28.10.png)