Diviの数カウンターモジュールの使い方

こんにちは、根本です。今回は、Diviの数カウンターというモジュールの使い方をご紹介していきます。

重要Diviは有料のテーマ及びプラグインです。こちらの公式サイトから契約し、テーマもしくはプラグインをインストールしてから続きをご覧ください。

Diviの数カウンターモジュールとは?

Diviの数モジュールでは、カウントアップあるいはカウントダウンのアニメーション付きで数を表示することができます。

コンテンツ設定

テキスト

Divi 数字カウンター コンテンツ テキスト

要素

Divi 数字カウンター コンテンツ 要素

「要素」では、「パーセント記号」というものがありますが、これは数に対してパーセント記号をつけるのかどうかの設定になります。

デザイン設定

テキスト

Divi 数字カウンター デザイン テキスト

  • 文字列の揃え:数カウンターモジュールに表示される全てのテキストの整列を設定します。
  • テキストの色:「タイトルテキスト」で色を設定していない場合に適用される項目で、タイトルの色を「明るい」色にするのか、「暗い」色にするのかを選択します。
  • 文字サイズ:数とタイトルのテキストにつける影の効果を選択します。

タイトル・数字テキスト

Divi 数字カウンター デザイン タイトルテキスト

  • 見出し3を挿入:タイトルはデフォルトでH3タグが選択されていますが、必要に応じて別のタグに切り替えましょう。
  • タイトル フォント:タイトルテキストのフォントを変更できます。
  • タイトル ソフトライト:タイトルの文字の太さを選択します。
  • タイトル 書式のコピー:タイトルテキストの書式(斜体にしたり、打ち消し線を引いたり)を設定します。複数の書式を選択することも可能です。
  • 文字の揃え:タイトルテキストの位置を設定します。
  • タイトル テキストカラー:タイトルの文字の色を設定します。
  • タイトル 文字サイズ:タイトルの文字の大きさを調節します。
  • タイトル 文字間隔:タイトルテキストの各文字の隙間を調節します。
  • タイトル 行の高さ:タイトルの縦の幅を調節します。
  • タイトル 文字サイズ:タイトルテキストにかけるシャドウを設定します。

テキストのデザインの設定はタイトルと数字の2つありますが、ほとんど同じになっているので、まとめました。中には数字テキストにはない設定項目があったりするので、それは上に記載してあります。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です