!」というような数字部分が、小さい数字からだんだんカウントアップされていって表示されるというような効果をつけたものを時々見かけます。jQueryかなにかで作るんだろうなぁと思いつつ、手間かかるかなーと実際にやってみたことはありませんでした。テーマにそのような機能が付属しているものもあるんですが、今回プラグインを入れるだけで簡単に数字データをカウントアップして動きをつけることができるものを見つけました。Numberをインストールします。numberと入力するとこのプラグインが見つかりますので、今すぐインストールをクリック有効化をクリック。これでインストールが完了しました。Numberを使って動く数字を表示してみたいと思います。開発した会社と同じ会社の製品で、有料版もあるのでこのようにそのお知らせが入ります。こちらは一応みておいて、とりあえず無料版で使っていきます。広告の下にこのようにカウンターナンバーグループのタイトルを入れる部分とカウンターの詳細を入れる部分があります。カウンターの詳細を、このように3つ入れてみました。タイトルを入力してから、公開をクリック。公開後は、ショートコードでカウンターを表示させることができます。Numbersの一覧にあるこのショートコードをコピーして、好きな箇所に貼り付けます。今回は、固定ページにこんな感じに貼ってみました。これを表示させると、こんな感じに、数字部分がカウントアップされて表示されるようになりました!カウンターの数を変えたり、文字の大きさや色を変えて表示してみるデフォルトでは3つのカウンターを表示させるような状態ですが、カウンターの数を増減したり、文字の大きさや色を変えて表示させることもできます。いうことで、カウンターの数を1つにして、文字の大きさや色を変えてみます。カウンターは3つあるので、不要な2つをゴミ箱をクリックして削除しておきます。カウンターの内容を入力します!右側に、たくさん設定できる部分があります。色やアイコンの大きさを変更することができます。Layoutを選びます。この内容で公開し、ショートコードをコピーして固定ページに貼り付けてみました。このようにして作った1つ用のカウンターを表示させてみると、このように1つのカウンターが数字も大きく表示されました!まとめ:ウィジェットや記事中にも表示させることができますショートコードで表示させることができるので、ウィジェットや記事中にもこの動く数字のカウンターを表示させることができます。数字が動いているとつい、見てしまうので効果があると思います。トップページに配置すると実績を強くアピールすることができると思います。兎本美佳ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。コメントデータの処理方法の詳細はこちらをご覧ください。29ゆうそうとコーポレートサイトはXSERVERで運営中ゆうそうとITブログはMIXHOSTで運営中ブログをメールで購読メールアドレスを記入して購読すれば、更新をメールで受信できます。14:42:19コメントが返せていません。東京都八王子市を中心として、WordPressによるWEBサイトの作成や、スポットでのIT相談を行ったり、年間契約でのIT顧問をなりわいとして活動しています。特徴としては30年以上IT業界でプログラムを中心として仕事をしてきたものと、美大出身のデザイナーがワンストップで対応するため、幅広い対応が可能であることです。IT相談は直接お会いしてのご相談の他、ZOOMによるオンライン相談も可能です。