Countdown timerエレメントの追加.

DXPR Builderを学ぶページを作るコンテンツを追加データとモーション

イベント、締め切り、オファー終了までのカウントダウン時計を設置できます。日付が重要で、期限前に訪問者の行動を促したいときに使います。

オープンキャンパスまでの日・時間・分・秒を示す3Dフリップスタイルのカウントダウンタイマー

カウントダウンタイマーの追加

ログインした状態でページを開きます。コンテンツエリアにカーソルを合わせると、ビルダーのコントロールが表示されます。基本操作は最初のページをご覧ください。

カラムにカーソルを合わせ、コントロールバーの+をクリックします。空のページではAdd Elementsをクリックします。Contentタブを開き、Countdown timerをクリックします。カラムの一番上に追加され、設定ダイアログが開きます。
時計の見た目はCountdown styleで選びます（例：3D flip）。
制限設定はDate / Time Limitationsを初期値のSpecify date onlyのままにし、カウントダウン終了のDateを設定します。
Display optionsでは5つの単位すべてにチェックが付いています。不要な単位のチェックを外します。ここではShow remaining yearsを外します。
ダイアログのSaveをクリックします。次に、コンテンツエリア上部のツールバーにあるSaveをクリックして、ページを保存します。

選んだ日付に向けて、選んだスタイルと単位でカウントダウンします。動画では3Dフリップ時計が、3か月先の日付までの日・時間・分・秒を表示しています。ページを保存して公開すると、訪問者に表示されます。

エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開きます。設定項目は次のとおりです。

Countdown style: 時計の見た目。Plain、Grid、3D flip、Disc、Airport style、Transparentから選びます。
Date / Time Limitations: 何に向けて数えるか。Specify date only（初期値）、Specify date and time、Specify time only（毎日繰り返し）、Resetting counter（最大24時間の間隔を設定）から選びます。
Date: カウントダウン終了日。その日の始まりの深夜に終了します（各訪問者のタイムゾーン基準）。他のモードでは代わりにDate / TimeやTimeが表示されます。
Reset in hours: Reset in minutes、Reset in secondsと合わせて、リセット型カウンターの間隔を指定します。
Page referrer: 時間切れ時に開くページ。繰り返しモードとリセットモードで表示されます。
Automatic restart: リセット型カウンターがゼロになったら再開します。
Display options: 時計に表示する単位。Show remaining yearsからShow remaining secondsまで、初期値では5つすべてにチェックが付いています。

ContentタブにCountdown timerがない。 ユーザープロファイルで非表示になっています。管理者に依頼して、CountdownにElementsのUser Profilesでチェックを付けてもらいます。
再読み込み後に消えている。 ページが保存されていません。追加し直し、コンテンツエリア上部のツールバーにあるSaveをクリックします。
すべての数字がゼロになっている。 目標日が過去です。エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開き、未来のDateを設定します。
Dateフィールドがない。 Date / Time Limitationsが他のモードになっています。Specify date onlyを選ぶか、そのモードで表示されるDate / TimeやTimeのフィールドを入力します。
時計が毎日最初から始まる。 Date / Time LimitationsがSpecify time only（毎日繰り返し）になっています。単発のイベントにはSpecify date onlyを選びます。

Styleタブでカウントダウンタイマーの間隔や背景を変更します。