如何在 WordPress 中添加倒数计时器

已发表: 2023-02-12

在创建 WordPress 网站时,您可能需要整合工具、设计和功能,以帮助您推广活动或其他时间敏感的产品。 使用倒数计时器小部件或插件可以使实现这一目标变得容易得多。

使用 WordPress 倒计时小部件,您可以让网站所有者和访问者更轻松地跟踪特定日期和时间。 此外,还有一些倒计时插件可以让您快速将一个插件添加到您的网站。

在这篇文章中,我们将解释何时使用倒数计时器以及什么是 WordPress 倒数计时器小部件。 然后我们将带您了解使用插件在 WordPress 中添加倒数计时器的三个最佳选项。 让我们开始吧!

目录
1.何时使用倒计时
2.什么是倒数计时器小部件?
3.向 WordPress 添加倒数计时器的选项
3.1. 选项 1:使用 T(-) 倒数小部件添加倒数计时器
3.2. 选项 2:使用 Countdown Timer Ultimate 添加倒数计时器
3.3. 选项 3:使用 POWr 添加计数器定时器
4.从 WP Engine 中找到更多有用的资源

何时使用倒计时

倒数计时器可用于展示不同的里程碑,例如商业周年纪念日。 您还可以使用一个来帮助建立对即将发生的事件(例如新产品发布)的预期,促进销售的开始,或者在网站将退出维护模式时通知访问者。

什么是倒数计时器小部件?

倒数计时器小部件是一种扩展,您可以将其添加到您的 WordPress 网站,以便围绕产品或事件建立兴奋或紧迫感。 您可以使用 WordPress 倒数计时器小部件通过显示对剩余时间倒计时的时钟来通知或提醒客户何时期待某事。

使用倒数计时器的一些最常见的场景包括:

  • 让访问者知道 WordPress 网站正在进行维护,以及何时恢复在线
  • 促进和建立对即将发生的事件的预期,例如产品发布、社交聚会或会议
  • 承认重要的里程碑,例如周年纪念日
  • 为特殊的销售活动、促销或即将推出的页面带来兴奋

向 WordPress 添加倒数计时器的选项

有多个选项可以为您的 WordPress 网站添加倒数计时器。 虽然您可以通过代码来实现,但最简单的方法是使用 WordPress 倒计时插件。 让我们来看看三个推荐的倒数计时器插件,以及如何开始使用它们。

选项 1:使用 T(-) 倒数小部件添加倒数计时器

(T-) Countdown Widget 是最受欢迎的 WordPress 倒计时插件之一。 它使您能够通过短代码在您的 WordPress 网站的任何页面或帖子上显示高度灵活和可定制的 HTML5 计时器:

但是,要充分利用插件的功能,您确实需要一些 HTML 和 CSS 知识。 因此,它可能不是初学者的最佳选择。

安装并激活插件后,您可以在设置 > T(-) 倒计时下找到它:

在此屏幕上,您可以选择是否倒计时秒、周、月或年。 您还可以自定义将要显示的标签,并添加您自己的 CSS。

当您下载并激活该插件时,一个T(-) 倒计时块将添加到您的 WordPress 编辑器中。 要使用它,请导航至要添加倒数计时器的页面或帖子。 单击加号图标,然后在块中搜索T(-) 倒计时选项:

此块将向页面或帖子添加标准倒数计时器。 您可以在右侧的面板中对其进行自定义和配置:

您可以选择启动时间和日期,并从 13 种样式中选择一种来确定计时器的显示方式。 还有一些部分供您调整T(-) 倒计时设置页面上的相同设置(包括标签和自定义 CSS)。

如果您需要,可以免费获得此插件的支持,以及您可以使用的简码选项的完整列表。 还值得注意的是,这是旧版 jQuery T(-) Countdown Widget 插件的积极开发版本。

选项 2:使用 Countdown Timer Ultimate 添加倒数计时器

Countdown Timer Ultimate 使用短代码在您的 WordPress 网站上显示倒数计时器。 它与 Gutenberg 编辑器配合良好,完全响应,并允许您创建无限倒计时:

安装并激活插件后,它会向您显示一条欢迎消息。 选择跳过允许并继续

接下来,导航到倒数计时器 > 添加计时器

在此屏幕上,您可以为倒数计时器命名并自定义其显示。 选择到期日期后,您可以在两种动画样式之间进行选择: SmoothTicks

接下来,选择您的圆圈宽度和颜色。 您未定义的任何内容都将设置为默认样式。 完成后,点击发布

然后,您可以将倒数计时器小部件添加到任何 WordPress 帖子或页面。 为此,请复制倒计时计时器简码(位于WP Countdown TImer页面的简码列下):

然后导航到要添加计时器的页面或帖子。 单击块编辑器中的加号图标,然后选择Shortcode小部件:

将短代码粘贴到文本字段中,然后预览页面以确保您对它的外观感到满意。 如果您满意,请点击发布

如果您想将倒计时小部件添加到站点的侧边栏,您可以转到外观 > 小部件,然后将文本小部件添加到侧边栏。 在小部件的设置下,只需粘贴倒数计时器短代码:

正如我们之前提到的,您可以下载并使用此插件的免费版本来创建无限计时器。 您还可以升级到高级版本,以解锁对其他设计和高级功能的访问。 如果你想先测试插件,你也可以注册一个免费的演示。

选项 3:使用 POWr 添加计数器定时器

最后但同样重要的是,POWr 是一个基于云的倒数计时器插件。 因此,要使用它,您首先需要注册一个免费帐户。

POWr 的好处之一是它具有完全的响应性和可定制性。 然而,它的独特之处在于,除了创建定期倒数计时器之外,您还可以使用它来跟踪一段时间内发生的事件。

要开始,请先在您的网站上下载并激活 POWr WordPress 倒计时插件。 它作为一个包含各种其他功能的包提供,可用于创建表单和社交提要:

接下来,访问 POWr 网站并单击“开始”按钮注册一个免费帐户。 创建帐户后,您将被带到“我的插件”页面。 通过在左侧导航菜单中选择倒数计时器,您可以在此处“创建自己的插件”:

接下来,您将被带到可以为您的 WordPress 网站创建和自定义倒数计时器小部件的屏幕:

对于要使用的倒计时类型,您有多种选择。 此外,在“内容”“设计”选项卡下,您可以设置目标日期、自定义计时器标签、创建自定义消息以及添加动画。

对倒数计时器感到满意后,单击屏幕底部的“添加到站点”按钮:

然后,您将看到许多用于将其添加到您的站点的选项。 例如,您可以单击 WordPress 图标为倒数计时器生成简码:

然后,您可以复制此简码并将其粘贴到 WordPress 编辑器的简码块中(如上一节所示)。 您还可以选择嵌入代码选项,将代码复制并粘贴到您网站上的任何 HTML 元素中。

从 WP Engine 中找到更多有用的资源

在您的网站上添加倒数计时器是激发兴奋感和激发访问者积极性的好方法。 当然,无论您希望向您的站点添加什么功能,我们都可以提供帮助。

WP Engine 为用户和开发人员提供最好的资源,为您提供提供令人难以置信的数字体验所需的信息和工具。 立即开始使用最好的 WordPress 托管服务!