Count Up(计数增加)工具 – 超简单的数字动态效果设置工具
Kadence 使用前需知
Kadence 是基于WordPress 的网站建设平台的一系列插件,所以必须要先在WordPress后台里安装好对应的 Kadence 插件。
什么是Count Up(计数增加)工具
Count Up(计数增加)是Kadence Block插件里的一个特殊工具,主要功能是在你的网页上建立起一个数字快速增加的动画,这可以让用户的目光追随数字变动,提高用户体验并延长网页的浏览时间。
这个模式通常会被用在商业宣传(例如注册用户数),或是博客的一些需要显示数据的地方(例如介绍某行业数据的对比增长)。
如何设置Count Up
Count Up的设置非常简单,你只需要从区块菜单中选择 【Count Up】放到网页上,然后就可以对其进行设置了。
计数设置
点击Count Up区块,我们可以在右侧的菜单栏里找到具体设置。
Starting Number(起始数字)表示的是从这个数字开始计数。
Ending Number(结束数字)表示到这个数字结束。
Number Prefix是可在数字前添加的内容(例如文字)。
Number Suffix是结尾内容。
Animation Duration是动画持续时间,数字越大,动画持续时间就越长。
Thousand Separator是千分位隔符,这是国外常用的数字分隔方式。如300,000这样的表示。
Decimal是小数点位,显示的是小数点后俩位,这样就可以设置更为精确的数字。
标题设置
count up可以选择开启或关闭标题显示,这段内容显示在计数器下方,可以选择标题颜色和位置。
当然你也可以不用选择标题,你可以使用div或段落进行调整字体大小高度,这样就不会影响到你的目录展示效果。
然后我们来了解对准文本和字体设置,你知道该如何操作。
数字设定
除了文字标题外,我们还可以对显示的数字本身做一些调整,例如展示位置,数字大小和数字间隔等等。
总之Count Up 是一个非常实用的区块,当你能够熟练运用它时无聊的展示数字也会变得更加有趣。