WordPressのブロックエディタ拡張：Getwidについて解説(23)Counter

タナビーの高梨です。

今回はGetwidのCounterブロックに関する設定を解説していきます。

全般設定については こちらをご覧ください。

Counter概要

Counterブロックとは公式ページの引用では、

軽量なアニメーションカウンターで、ビジネスに関する最も重要なデータを数字で表示

公式ページ（翻訳 by DeepL先生）

だそうです。

こんな感じですね。

どういった設定があるのか、さっそく見ていきましょう！

Counter設定

ブロック設定にはタブが２つあります。

それぞれ解説していきます。

Generalタブ

Start：カウンターが始まる数値。デフォルトはゼロです。

End：カウンターが止まる数値。デフォルトは100です。

Animation Duration：カウントアップが進んでいく速さを設定。大きくするほどゆっくり進みます。

Smooth Animation：チェックを外すと、カウント開始から終了まで同じ調子で進みます。チェックをしていると、最後終わる間際のカウントアップがゆっくりになります。こんな感じ

Styleタブ

Animation Effect：カウントアップの進み方を選択します。いわゆるイージングですね。「outexpo」「outquintic」「outcubic」から選択します。

Display thousands separator：チェックすると3桁区切りのカンマを表示し、チェックを外すと表示しません。Endが3桁以下の場合は意味ありません。

Thousands separator：3桁区切りする際に区切りとして表示される文字を設定できるようです。普通カンマ以外ありえるのでしょうか？？

Color：数値の文字色を設定します。パレットからまたは、カスタムカラーでカラーピッカーか直接RGB数値入力で設定します。

Decimal Places：小数点以下何桁にするかを数値で決定します。

Decimal Separator：小数点として表示される文字を設定できるようです。普通ピリオド以外にありえるのでしょうか？？

Numerals：数字の種類を「Default（アラビア数字）」、「Eastern Arabic（インド数字）」、「Farsi（ペルシャ数字）」から選択します。

まとめ

設定個所は以上です。

何がビジネスに関する重要なデータなのかと思ったら、こういうことですね。