統計カウンター
統計カウンター
統計カウンターを使うと、顧客数、プロジェクトの納品数、満足度などの主要な数値を、大きく目立つ文字で表示できます。数値が増えていくカウントアップアニメーションにも対応しており、実績や事業の規模をひと目で伝えられます。
統計カウンターを使うメリット
- 実績をわかりやすく伝える： 「利用者数10,000人以上」などの数値を大きく表示し、信頼感や規模感を伝えられます。
- 手軽に設定する： 数値とラベルを入力し、必要に応じて記号や単位を添えるだけで作成できます。
- 動きで注目を集める： スクロールに合わせて数値がカウントアップし、実績を印象的に見せられます。
- さまざまな場所に配置する： ページ上部のメインビジュアルの近く、申し込みボタンの上、独立した「数字で見る」セクションなどに活用できます。
統計情報の追加・管理
各項目は、編集画面のリストで管理します。
- 追加： 「＋追加」をクリックして、新しい項目を作成します。
- 並べ替え： 項目をドラッグして、表示順を変更します。
- 編集： 歯車アイコンをクリックして、内容を設定します。
- 削除： 削除したい項目のゴミ箱アイコンをクリックします。
各項目の設定
- 数値： 表示する数値を入力します（例：10000）。
- 接頭辞／接尾辞： 数値の前後に表示する記号や単位を設定します（例：「¥」「＋」「人」）。
- ラベル： 数値の下に表示する説明を設定します（例：「累計利用者数」）。
レイアウトの選択
ミニマル、スポットライト、ネオングローなど、6種類のレイアウトから選択できます。余白や配置、数値の目立ち方を比べて、周囲のデザインに合うスタイルを選びます。
共通のスタイル設定
- テキストのフォントファミリー： 文字のフォントを設定します。
- 数値サイズ／ラベルサイズ： 数値とラベルの文字サイズを個別に調整します。
- 数値色／ラベル色／アクセント色： 各部分の色を変更します。
- 区切り線の表示／区切り線の色： 項目の間に入る縦線の表示・非表示と色を設定します。
- 桁区切り： 数値をカンマで区切るかどうかを設定します（例：「10,000」「10000」）。
- スクロール時にアニメーション： スクロールして統計カウンターが画面内に入ったときに、カウントアップするかどうかを設定します。
- カウント時間： カウントアップが完了するまでの時間を調整します。
ウィジェット一覧
更新日 06/09/2026
ありがとうございます