【自作プラグイン公開】動く数字で魅せる！「Simple Count Up Block」を作りました

こんにちは！

普段ワードプレスでホームページを作ったり、記事を書いたりしていると、「あ〜、もっと手軽にリッチな表現ができたらいいのに…」と思うこと、ありませんか？

実は僕もその一人でした。 企業の「導入実績」や「累計ダウンロード数」などでよく見る、「数字がパラパラ〜っと増えていくアニメーション（カウントアップ）」。 あれを実装しようとすると、意外と面倒なんですよね。海外製のプラグインは設定が英語でわかりにくかったり、機能が多すぎて重かったり…。

「もっとシンプルで、日本語で使えて、しかも動きがおしゃれなやつが欲しい！」

そんな気持ちが高まって、ついに自分でプラグインを作ってしまいました！ その名も 「Simple Count Up Block」 です。

こだわりのポイント

ただ数字が増えるだけじゃ面白くないので、デザインとアニメーションにはとことんこだわりました。

1. アニメーションが選べる！

普通のカウントアップだけじゃなく、こんな動きもできます。

• スピードブラー: F1カーみたいに、数字が高速で駆け抜ける疾走感！
• ネオン: 数字がピカッと発光して、テック系サイトにぴったり。
• グリッチ: 画面が乱れるようなデジタル演出。

しかも、「出現（フェードインなど）」→「カウント」→「完了（バウンスなど）」 という3段階の動きを自由に組み合わせられるんです。

2. フォントもおしゃれに

数字のフォントって大事ですよね。 「手書き風」や「SFっぽいデジタル文字」、「高級感のある明朝体」など、5種類から選べるようにしました。サイトの雰囲気に合わせて着せ替えられます。

3. 完全日本語対応

これが一番大事かも（笑）。開発者が日本人（僕）なので、設定画面はすべて自然な日本語です。「Duration」とか「Easing」とか、英語で悩む必要はありません。

ぜひ使ってみてください！

「こんなのが欲しかった」を形にした自信作です。 企業のコーポレートサイトや、LP（ランディングページ）、ポートフォリオのアクセントにぜひ使ってみてください。

導入方法

1. 上のリンクから zipファイル をダウンロードします（解凍しないでください）。
2. ワードプレスの管理画面に行き、「プラグイン」→「新規プラグインを追加」 をクリックします。
3. 画面上の 「プラグインのアップロード」 ボタンを押し、ダウンロードしたzipファイルを選択します。
4. 「今すぐインストール」 をクリックし、その後に表示される 「有効化」 を押せば完了です！

これで投稿画面のブロック一覧に「Simple Count Up」が追加されています。

ご意見・ご感想もお待ちしています！