如何使用Elementor的计数器功能
Elementor编辑器中有一个功能叫做计数器,它的功能和样式有点类似之前我们提到过的倒数计时器,但是倒数计时器和今天我们要说的这个计数器功能是完全相反的。计数器功能更多的是指定一个数字区间,然后通过快速滚动的形式进行展现。Jack老师一般用计数器功能来展现公司的相关实力,比方说企业的年销售额,企业雇员数量,海外客户数量等等。话不多说,接下来Jack老师就和同学们一起来学习一下 如何使用Elementor的计数器功能 。
第一步:将Elementor编辑器中的计数器功能添加到内容编辑区域
如上图所示,我们在左侧的Elementor编辑器中找到箭头1所指的“计数器”功能元素,然后按住鼠标左键不松开,慢慢的拖到上图箭头2所指的地方,也就是内容编辑版块中。注意在没有将”计数器”功能元素添加到内容编辑版块区域之前,内容编辑版块外面是一个灰色的虚线框,只有当出现了一个蓝色的虚线外边框之后才代表着我们已经成功的将“计数器”功能元素添加到了内容编辑版块中!
第二步:对计数器的主体功能进行设置
2.1、“开始数字”:指的是计数器开始滚动的初始数字的值
2.2、“结束数字”:指的是计数器滚动结束,最终定格下来并呈现给访客看到的数值
2.3、“数字前缀”:指的是在滚动数字前面显示的符号或者文字,比方说我们想表达我们的销售实力,假设年销售额为5000万美元,那么就可以在数字前缀里面输入美元的符号$
2.4、“数字后缀”:指的是在滚动数字后面显示的符号或者文字,还是用上面的销售额作为案例,我们可以在5000的后面输入一个“+”,表示我们的年销售额在5000万美元以上
2.5、“动画持续时间”:指的是计数器功能在数字滚动状态下的持续时间,它的单位是毫秒,系统预设是2000毫秒,也就是2秒钟
2.6、“千位数分隔”:因为是计数器,所以每隔3位会有一个英文逗号作为区隔,老外比较喜欢这种计数形式,所以Jack老师建议这里设置为显示千位数分隔
2.7、“分隔器”:系统默认提供了default,dot和空格三种样式。default就是默认状态也就是逗号,dot指的是圆点,这个比较适合小数的计数方式。
2.8、“标题”:指的是和滚动数字进行匹配的说明文字,还是用上面的年销售额案例,因为滚动数字已经设置好了,那么对应的标题上我们可以输入“Annual sales”
第三步:对计数器的样式功能进行设置
3.1、“文本颜色”:指的是包括数字、数字前缀、数字后缀部分的所有文本的颜色更改
3.2、“排版”:指的是对上述部分的字体、字号、粗细等内容进行修改
3.3、“文本颜色”:指的是与滚动数字配套的标题文本的颜色更改,对应到上面的案例中就是“Annual Sales”
3.4、“排版”:和上面的3.2效果一样,这里不再赘述
我们对上述的功能和样式进行设置完毕之后,我们来看看具体的展现效果,如下图所示:
好了,以上就是本章关于 如何使用Elementor的计数器功能 的全部内容。Elementor编辑器的计数器功能,能够很好的将我们需要重点突出表达的数字以滚动计数的形式进行展示。访客在网站前端页面很容易被这些滚动的数字所吸引,进而去观察这些滚动数字所表达的内容,从而达到我们最初的设置目的。
如果还有不理解的地方,请使用百度或者谷歌浏览器搜索关键词--Jack外贸建站,排名首页首位的就是我的网站,网站上有更多外贸建站、谷歌SEO优化、外贸客户开发等实操干货内容在等着你哦!