Hi!请登陆

如何添加一个倒计时到WordPress网站中?

2020-12-29 50 12/29

我们在搞某个活动的时候,如果添加上一个活动结束倒计时还是非常不错的。但是添加一个倒计时可能需要到折腾 JS 和 CSS 代码,这些对于大多数站长而言都是有难度的,那么有没有比较简单的办法可以直接添加倒计时到 WordPress 网站呢?办法是有的,只需要安装一个 Countdown Timer Ultimate 插件即可。

如何添加一个倒计时到WordPress网站中?

Countdown Timer Ultimate 插件介绍

这是一个非常简单的 WordPress 插件,可以让我们在几分钟时间内就成功为我们的 WordPress 网站添加漂亮又实用的倒数计时器。操作办法非常简单,只需要设置一个到期时间,其他都可以默认,然后就可以直接添加倒计时短代码到文章或页面,甚至可以添加到侧边栏中。目前该插件已经兼容到 WordPress 5.0.2,所以有需要的站长们可以放心使用。

包含所有参数的完整短代码:

[wpcdt-countdown id="1"]

其中 id =“1”就是要显示计时器的计时器 ID,此参数是必需的。

模板代码是

<?php echo do_shortcode('[wpcdt-countdown id="1"]'); ?>

Countdown Timer Ultimate 插件安装及使用

1、后台插件 >> 安装插件 >> 搜索“Countdown Timer Ultimate”进行安装并启用,或直接到 Countdown Timer Ultimate 插件官方页下载后上传安装(不懂安装插件,请移步『WordPress 新手入门教程之插件使用篇』)。

 官方介绍页 直接下载

2、点击右侧的 Countdown Timer >> Add Timer 新建一个倒计时,然后输入倒计时名称和到期时间,其他选项(都是倒计时样式)可以自行设置或者默认,然后点击【发布】按钮。

如何添加一个倒计时到WordPress网站中?

3、倒计时成功发布之后就可以在倒计时列表中看到我们刚才发布的倒计时,然后复制它对应的代码:[wpcdt-countdown id="371"]

如何添加一个倒计时到WordPress网站中?

4、新建或者编辑某篇需要添加倒计时的文章/页面,然后在适当位置粘贴第 3 步所复制的短代码,然后发布/更新文章即可。

如何添加一个倒计时到WordPress网站中?

至此,我们已经成功为该篇文章/页面添加了一个倒计时,具体效果如下:

如何添加一个倒计时到WordPress网站中?

上图所示的倒计时样式是插件默认的样式,OZABC 导航并没有调整过,建议大家在使用的过程中可以在新建倒计时就调整一下倒计时的款式,让他跟站点更搭可能会更好。

上面是添加到文章/页面的教程,其实这个短代码也是可以直接添加到 WordPress 站点的侧边栏的,具体步骤如下:

接着上面第 3 步获得代码之后,点击右侧菜单外观 >> 小工具 >> 添加一个“文本”小工具到相应侧边栏中,填写该小工具的标题(可不写),然后将短代码粘贴到内容框后点击【保存】按钮即可。

如何添加一个倒计时到WordPress网站中?

至此,我们已经成功为 WordPress 站点的侧边栏添加了一个倒计时小工具,具体效果如下图所示:

如何添加一个倒计时到WordPress网站中?

由于 OZABC 导航的演示站侧边栏比较小,所以效果不是很给力,建议真心想在侧边栏添加倒计时的站长,可以适当调整倒计时的 CSS 代码让它更美观一些。

小结

对于倒计时,一般的博客网站需求不是很多,所以 Boke112 导航建议经常搞活动的站长可以安装这个插件试试。根据 OZABC 导航的测试,该插件最好是添加在文章/页面中,如果添加在侧边栏中可能需要调整样式。其实想想,我们在每一个活动最后都附上一个倒计时,其实也是挺不错的。当然,这个倒计时需求不大的情况下,不建议安装插件实现。

相关推荐