Diviの数カウンターモジュールの使い方
こんにちは、根本です。今回は、Diviの数カウンターというモジュールの使い方をご紹介していきます。
重要Diviは有料のテーマ及びプラグインです。こちらの公式サイトから契約し、テーマもしくはプラグインをインストールしてから続きをご覧ください。
Diviの数カウンターモジュールとは？
Diviの数モジュールでは、カウントアップあるいはカウントダウンのアニメーション付きで数を表示することができます。
コンテンツ設定
テキスト
要素
「要素」では、「パーセント記号」というものがありますが、これは数に対してパーセント記号をつけるのかどうかの設定になります。
デザイン設定
テキスト
- 文字列の揃え：数カウンターモジュールに表示される全てのテキストの整列を設定します。
- テキストの色：「タイトルテキスト」で色を設定していない場合に適用される項目で、タイトルの色を「明るい」色にするのか、「暗い」色にするのかを選択します。
- 文字サイズ：数とタイトルのテキストにつける影の効果を選択します。
タイトル・数字テキスト
- 見出し3を挿入：タイトルはデフォルトでH3タグが選択されていますが、必要に応じて別のタグに切り替えましょう。
- タイトル フォント：タイトルテキストのフォントを変更できます。
- タイトル ソフトライト：タイトルの文字の太さを選択します。
- タイトル 書式のコピー：タイトルテキストの書式（斜体にしたり、打ち消し線を引いたり）を設定します。複数の書式を選択することも可能です。
- 文字の揃え：タイトルテキストの位置を設定します。
- タイトル テキストカラー：タイトルの文字の色を設定します。
- タイトル 文字サイズ：タイトルの文字の大きさを調節します。
- タイトル 文字間隔：タイトルテキストの各文字の隙間を調節します。
- タイトル 行の高さ：タイトルの縦の幅を調節します。
- タイトル 文字サイズ：タイトルテキストにかけるシャドウを設定します。
テキストのデザインの設定はタイトルと数字の2つありますが、ほとんど同じになっているので、まとめました。中には数字テキストにはない設定項目があったりするので、それは上に記載してあります。