Number counterエレメントの追加.

訪問者がスクロールして表示するとカウントアップする数値を設置できます。必要に応じて接頭辞、接尾辞、区切り文字を付けられます。対応患者数や納品プロジェクト数など、重要な数値を目立たせるのに使います。

ナンバーカウンターの追加

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

1. カラムにカーソルを合わせ、コントロールバーの+をクリックします。空のページではAdd Elementsをクリックします。Contentタブを開き、Number counterをクリックします。カラムの一番上に追加され、設定ダイアログが開きます。
2. 数え上げる上限のEnd数値を数字だけで入力します。ここでは250000を使います。
3. プラス記号などのSuffixを付けます。
4. 千位区切りはThousands separatorで選びます。ここではCommaを選びます。
5. 速度はSpeedをミリ秒で設定します。値が大きいほどゆっくり数えます。ここでは約3000（3秒）にドラッグします。
6. ダイアログのSaveをクリックします。次に、コンテンツエリア上部のツールバーにあるSaveをクリックして、ページを保存します。

表示内容

入力した上限数値まで、接尾辞と区切り文字付きでカウントアップします。動画では3秒で250,000+まで数えています。

カウントは、カウンターが表示されたときに1回だけ実行されます。エディターではダイアログを閉じた直後に実行されます。もう一度見るには、カウンターを最初の画面より下に置き、保存したページを開いて下までスクロールします。ページを保存して公開すると、訪問者に表示されます。

ナンバーカウンターの設定

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

• Start: 数え始めの数値。初期値は0です。
• End: 数え終わりの数値。初期値は100です。
• Font size: 数値のサイズ（ピクセル）。初期値は30です。
• Speed: 数え終わるまでの時間（ミリ秒）。初期値は2000です。
• Thousands separator: 千位ごとの区切り。None、Comma、Dot、Spaceから選びます。
• Prefix: 数値の前のテキスト（$や€など）。
• Suffix: 数値の後のテキスト（%や+など）。

表示されない場合

• ContentタブにNumber counterがない。 ユーザープロファイルで非表示になっています。管理者に依頼して、CounterにElementsのUser Profilesでチェックを付けてもらいます。
• 再読み込み後に消えている。 ページが保存されていません。追加し直し、コンテンツエリア上部のツールバーにあるSaveをクリックします。
• 数値が100で止まる。 Endが初期値のままです。エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開き、数値を入力します。
• 数値は出るがカウントしない。 表示中にすでにカウント済みです（ページ読み込み直後など）。Previewでは再実行されません。カウンターを最初の画面より下に置き、保存したページを再読み込みして下までスクロールします。
• ページに古い数値が残っている。 変更が保存されていません。コンテンツエリア上部のツールバーにあるSaveをクリックしてから、再読み込みします。

次のステップ

Styleタブでナンバーカウンターの間隔や背景を変更します。