首页 > wordpress开发 > wordpress主题功能 > [赋能]纯代码为wordpress主题添加倒计时功能
摘要:众所周知动态的倒计时代码是通过javascript来实现的[后面简称为js],我们只需要运用js和function调用再...

众所周知动态的倒计时代码是通过javascript来实现的[后面简称为js],我们只需要运用js和function调用再通过wordpress短代码功能的获取就可以实现一个简单的倒计时功能。在发现限时的活动或是报名中,做为促进消费和转化用户是非常好用的一个营销功能,可以让访客抓紧时间想要获取内容或是福利。

代码结构有点小复杂或是应用起来非常简单,只需要在现有的wordpress主题里加入一个js文件,然后把调用的代码添加到主题function主函数文件内,然后找到需要触发和显示的位置。添加wordpress短代码功能就可以实现了。同样给大家了另外一种调用形式,对于时间的调整更灵活有兴趣的可以尝试一下。

1、把下面的代码保存为countdownjs.js,保存在主题的js/目录里:

2、把下面的代码添加到主题的functions.php文件:

3、在文章编辑窗口中添加短代码:

其中 time=”2016-07-09 18:41:57″ 引号中的是结束时间,格式保持一致

扩展:

如果不需要短代码功能,可以把第2步的代码修改如下:

然后在主题文件中添加调用代码:

引号中的是结束时间格式,格式保持一致

分享到:
赞(0) 打赏

作者: 大挖酱

挖主题团队自2014年开始专注于WordPress企业主题设计开发,致力于为更多用户打造出更漂亮、更易用、更专业的网站。距今已累计开发近50款WP主题,付费客户超过5千人。挖主题,是您可以长期信赖的合作伙伴。

73 queries in 0.692 seconds

联系作者Q: 8413708 WX: zdmin7

支付宝扫一扫

微信扫一扫