Elementor 计数器元素详细讲解

搭建企业网站时需要某些统计数字以动态形式显示出来，Elementor计数器元素（counter）就是为了这个目的设计出来的。从自定义的数字滚动到另外一个数字，效果很棒。

很多外贸网站中设计到企业介绍、形象展示等页面时，往往会总结一些数字，比如成立了多少年、销售遍及多少个国家、有多少客户等显示出来，那么就使用计数器元素。

1、准备工作

安装 Elementor插件就行了，计数器元素可以免费使用。

2、计数器元素部署使用

打开一个文章页/页面，用 Elementor编辑。

从左侧的【常规】拖拽 计数器元素 到右侧合适位置。

老魏这里添加了 inner section元素 来丰富页面内容，所以需要添加 3个计数器元素。

section左侧添加的是一些文字内容。

此时到左侧的参数栏中部署参数。

内容的计数器：

• 开始数字~结束数字：设置动画开始的数字和结束的数字。结束数字就是最后显示的数字。
• 数字前缀：出现在数字之前的文本，比如美元符号
• 数字后缀：出现在数字后的文本，比如加号
• 动画持续时间：运行动画完成的时间，以毫秒为单位
• 千位数分隔：显示或隐藏千位分隔符
• 分隔符：为千位分隔符选择默认值、点或空格
• 标题：出现在数字下方的标题

样式：数字和标题的文本颜色、排版、文本阴影

高级设置：和其他元素基本相同。

以下是出来的效果

3、总结

对于企业网站、外贸网站来说，用 Elementor计数器元素在 关于我们、企业简介等页面做一个数字方面的汇总，效果还是很不错的，并且有助于用户快速了解工厂的实力。