Count Up(计数增加)工具 – 超简单的数字动态效果设置工具

Kadence 基础操作讲解

这一板块是主要讲解Kadence 的基础操作和技巧,能够让大家能了解 Kadence建站系统 、并熟悉其的操作界面。

Kadence 建站工具介绍

本章节主要介绍 Kadence 里各种功能强大的区块工具,可以帮助用户学会如何搭建一个功能全面且内容丰富的网站。

Kadence 使用前需知

Kadence 是基于WordPress 的网站建设平台的一系列插件,所以必须要先在WordPress后台里安装好对应的 Kadence 插件。

什么是Count Up(计数增加)工具

Count Up(计数增加)是Kadence Block插件里的一个特殊工具,主要功能是在你的网页上建立起一个数字快速增加的动画,这可以让用户的目光追随数字变动,提高用户体验并延长网页的浏览时间。

这是一个样例,从100-2500

这个模式通常会被用在商业宣传(例如注册用户数),或是博客的一些需要显示数据的地方(例如介绍某行业数据的对比增长)。

如何设置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 是一个非常实用的区块,当你能够熟练运用它时无聊的展示数字也会变得更加有趣。