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

 2019-01-09 07:18:18  138 人阅读  28 条评论

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

如何添加一个倒计时到WordPress网站中? Plugins 第1张

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网站中? Plugins 第2张

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

如何添加一个倒计时到WordPress网站中? Plugins 第3张

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

如何添加一个倒计时到WordPress网站中? Plugins 第4张

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

如何添加一个倒计时到WordPress网站中? Plugins 第5张

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

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

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

如何添加一个倒计时到WordPress网站中? Plugins 第6张

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

如何添加一个倒计时到WordPress网站中? Plugins 第7张

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

小结

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

历史上的今天:

文章标签: ,   ,  
本文地址:https://boke112.com/6317.html
版权声明:本文为原创文章,版权归  所有,欢迎分享本文,转载请保留出处!
NEXT已经是最新一篇了

相关文章 分类热门分类热评最新问答

 发表评论

中国赞表情摊手表情吃瓜表情笑哭表情偷笑表情衰表情汗表情思考表情费解表情抓狂表情晕表情流泪表情疑问表情嘻嘻表情吃惊表情鼓掌表情

  1. 土蜂蜜网
    土蜂蜜网 @回复

    有时间去试一下看看效果

  2. 明月清风
    明月清风 @回复

    就是不知道具体用处在哪里咯。

    • 懿古今
      懿古今2019-01-10 17:08  回复

      @明月清风[费解] 文章开头有说明,经常搞活动的,添加一个倒计时还是很有用的。普通博客网站没必要

  3. 清风小墨
    清风小墨 @回复

    因为不经常用,所以我的那个高考倒计时就是js+html的,因为修改css很方便所以看起来还不错
    在博客首页的倒数第二个板块里

  4. 唯心寒辞
    唯心寒辞 @回复

    在节日或活动之前用在博客上非常有用

  5. 金庸网
    金庸网 @回复

    这个不错,类似趣头条中那种功能

  6. 弥雅尔尔
    弥雅尔尔 @回复

    这插件值得收藏,有时搞活动啥的,可以用用

    • 懿古今
      懿古今2019-01-09 22:26  回复

      @弥雅尔尔经常搞活动建议按照,毕竟使用简单而且美观,但是如果只是偶尔一次半次的话,还是不要折腾。

  7. Honey
    Honey @回复

    站长你好,怎么才能让博客简介出现在博客目录一栏当中,有什么要求吗?

    • 懿古今
      懿古今2019-01-09 15:52  回复

      @Honey点击boke112导航上方的导航菜单中的博客收录 >> 博客目录收录申请,里面有详细的收录要求,符合条件的就按格式留言即可。

  8. 重蔚自留地
    重蔚自留地 @回复

    收藏了,可是插件太多对网站会不会有影响呢?

  9. 抖友网
    抖友网 @回复

    不错,有一点实用功能,每年那么多节日,用得上

  10. nice
    nice @回复

    哇!这个插件蛮有意思的 [思考]

    • 懿古今
      懿古今2019-01-09 15:56  回复

      @nice这个功能还是不错的,不过如果不经常搞活动的话,就比较鸡肋

  11. 看小说赚钱
    看小说赚钱 @回复

    这个工具还是有点实用的

  12. 飞杨线报
    飞杨线报 @回复

    看起来很好,学习了

  13. 洁灰博客园
    洁灰博客园 @回复

    这个插件还可以,但是暂时还没想到要用来干嘛~~

    • 懿古今
      懿古今2019-01-09 15:57  回复

      @洁灰博客园这个一般站长都用不上,如果你的站点经常搞一些优惠活动之类的,加上这个倒计时就会增色不少

  14. 小兽wordpress
    小兽wordpress @回复

    学习了,插件也可以。

  15. 爱生活爱技术   
    爱生活爱技术    @回复

    学习了,虽然实际意义并不是很大!

  16. 明月登楼的博客
    明月登楼的博客 @回复

    我以为是代码呢,插件就没有必要了!!!