首页 » 博文 » wpbeginner » 最佳教程 » 如何在 WordPress 中显示计数动画

如何在 WordPress 中显示计数动画

您是否正在寻找一种在 WordPress 网站上显示动画数字计数器的方法?

显示数量有助于吸引访问者的注意力,并允许您在网站上显示里程碑、满意的客户、已完成的成功项目以及其他重要统计数据。

在本文中,我们将向您展示如何在 WordPress 中显示数字计数动画。

如何在 WordPress 中显示计数动画

为什么要在 WordPress 中添加计数动画?

在WordPress 网站上显示数字计数器是吸引用户并吸引他们注意力的好方法。

您可以使用它来显示网站上的重要统计数据,例如每月访问者数量或WordPress 博客上的文章数量。

同样,您可以使用动画计数来显示已完成的项目、满意的客户数量、客户数量、业务实现的里程碑以及其他重要信息。

例如,OptinMonster使用数字计数器来显示优化后的每月访客会话。

OptinMonster 的计数器

在 WordPress 中添加和自定义数字计数通常需要编辑代码。对于不知道如何编写代码的初学者来说,这可能会很棘手。

也就是说,让我们看看如何在 WordPress 中显示动画数字计数器。我们将介绍使用高级网站构建器和免费插件的 2 种简单方法。

您可以点击下面的链接跳转到您喜欢的部分:

在 WordPress 中添加动画数字计数器的最佳方法是使用SeedProd。它是最好的 WordPress 网站构建器,提供拖放页面构建器和大量自定义选项。

在本教程中,我们将使用 SeedProd Pro 版本,因为它包含高级块并允许您添加计数器。您还可以免费试用SeedProd Lite 版本。

您需要做的第一件事是安装并激活 SeedProd。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

激活后,SeedProd 将要求您输入许可证密钥。您可以在您的帐户区域中找到许可证密钥和购买确认电子邮件。

输入 SeedProd 许可证密钥

接下来,您需要从 WordPress 管理面板前往SeedProd » 登陆页面。

SeedProd 允许您创建专业设计的自定义登录页面,包括即将推出的页面、维护模式页面、登录页面和 404 页面。

继续并点击“添加新着陆页”按钮。

使用 SeedProd 创建新的主页设计

之后,您可以为您的登陆页面选择SeedProd 模板并显示动画数字计数器。

只需将鼠标悬停在模板上并单击橙色复选按钮即可。

选择页面模板

现在将打开一个弹出窗口。只需输入页面名称和页面 URL。

之后,单击“保存并开始编辑页面”按钮。

输入页面名称和页面 URL

这将启动 SeedProd 拖放构建器。

接下来,您可以通过添加不同的块或单击页面上的现有元素来编辑页面模板。

要添加动画数字计数,只需将左侧菜单中的计数器块拖放到模板上即可。

添加计数器块

之后,您可以选择计数器块来进一步自定义它。

例如,可以选择更改计数器中的起始和结束数字、输入数字前缀和后缀以及编辑标题。

编辑计数器的标题

接下来,您可以切换到左侧计数器块设置下的“高级”选项卡。

在这里,您将找到更多选项来更改计数器块的样式、颜色、间距、字体等。

编辑块的颜色和样式

之后,您可以转到顶部的“页面设置”选项卡。

现在单击“页面状态”切换并将其更改为“发布”。

发布您的数字计数器页面

接下来,您可以单击顶部的“保存”按钮并退出登陆页面构建器。

要查看运行中的动画数字计数器,请继续访问您的 WordPress 网站。

计数器预览

方法 2:使用计数器数字显示计数动画

在 WordPress 中添加计数动画的另一种方法是使用计数器数字插件。

它是一个免费的WordPress 插件,易于使用,可让您为您的网站创建简单的数字计数器。

首先,您需要安装并激活计数器号码插件。有关更多详细信息,请参阅我们的WordPress 插件安装指南。

激活后,您可以从 WordPress 仪表板转到计数器编号 » 所有计数器,然后单击“添加新计数器”按钮。

添加新计数器

之后,您可以输入柜台号码的标题。

在免费版本中,您只能选择简单的设计模板。如果您想要更多模板和自定义选项,那么我们建议使用SeedProd

输入计数器的名称并选择模板

接下来,您可以添加柜台号码详细信息。有一些选项可用于编辑计数器标题、选择图标并输入计数器数值。

您可以通过单击底部的“添加新柜台”按钮添加任意数量的柜台号码。

添加柜台详细信息

除此之外,您还可以从右侧的面板中获得更多自定义选项。

例如,该插件允许您更改计数器标题颜色、数字颜色、图标大小、字体大小、字体系列等。

进行更改后,滚动回到顶部并发布您的计数器。

公布您的柜台号码

接下来,您可以从 WordPress 仪表板前往计数器编号 » 所有计数器。

继续复制计数器简码。它看起来像这样:[COUNTER_NUMBER id=41]

复制计数器的简码

之后,您可以将动画数字计数放置在网站上的任何位置,从帖子和页面到侧边栏。

只需添加新的帖子或页面或编辑现有的帖子或页面即可。进入内容编辑器后,只需单击“+”号并添加短代码块即可。

向 WordPress 添加短代码块

接下来,您可以将计数器编号短代码粘贴到块中。

从这里,预览并发布您的页面或帖子,以查看实际的动画数字计数。

免费插件计数器编号预览

我们希望本文能帮助您了解如何在 WordPress 中显示数字计数动画。您还可以查看我们的WordPress 安全终极指南以及我们专家精选的WordPress 最佳拖放页面构建器

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top