wordpress博客添加打卡签到

浏览网站的时候发现不少wordpress博客添加了签到页面,即专门创建一个单页面让访客点击签到按钮,自动在评论框里插入如“签到成功!签到时间:上午2:39:08”之类的文字,然后访客直接点击提交即可!下面本站分享一下如何在wordpress上实现该功能。

操作步骤:

1、创建一个php文件,命名为sign.php,保存在当前主题根目录,然后把当前主题的page.php文件代码复制粘贴到sign.php文件,并在sign.php文件开头添加以下代码:

<?php /* Template Name:签到 */ ?>

2、创建一个js文件,命名为sign.js,保存在主题的js文件夹(没有就创建),把下面代码添加到该文件:

jQuery.noConflict();   jQuery(document).ready(function($) { function addEditor(a, b, c) { if (document.selection) { a.focus(); sel = document.selection.createRange(); c ? sel.text = b + sel.text + c: sel.text = b; a.focus() } else if (a.selectionStart || a.selectionStart == '0') { var d = a.selectionStart; var e = a.selectionEnd; var f = e; c ? a.value = a.value.substring(0, d) + b + a.value.substring(d, e) + c + a.value.substring(e, a.value.length) : a.value = a.value.substring(0, d) + b + a.value.substring(e, a.value.length); c ? f += b.length + c.length: f += b.length - e + d; if (d == e && c) f -= c.length; a.focus(); a.selectionStart = f; a.selectionEnd = f } else { a.value += b + c; a.focus() } } var myDate = new Date(); var mytime=myDate.toLocaleTimeString() var g = document.getElementById('comment') || 0; var h = { daka: function() { addEditor(g, '<blockquote>签到成功!签到时间:' + mytime, ',每日打卡,生活更精彩哦~</blockquote>') $('.comment-editor').hide(); }, }; window['SIMPALED'] = {}; window['SIMPALED']['Editor'] = h   });

3、编辑当前主题的comments.php文件,找到<textarea代码,在其上边添加以下代码:

<script type="text/javascript" src="<?php%20bloginfo('template_url');?>/js/sign.js"></script> <a href="javascript:SIMPALED.Editor.daka()">签到</a>

4、进入后台——页面——新建页面,标题输入“打卡签到”,在右侧的页面属性——模板中选择“签到”,然后发布页面。

5、发布成功后,打开该页面,就可以点击“签到”打卡了,

 

注意:页面要支持评论并允许评论才可以!

赞赏

微信赞赏支付宝赞赏

WordPress教程

WordPress启用Redis为网站加速

2020-3-26 10:45:06

WordPress教程

WordPress网站纯代码添加独立下载页面

2020-3-30 13:37:01

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索