cms添加打卡签到功能php,给wordpress添加签到打卡页面的方法

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

操作步骤：

1、创建一个php文件，命名为sign.php，保存在当前主题根目录，然后把当前主题的page.php文件代码复制粘贴到sign.php文件，并在sign.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, '

签到成功！签到时间：' + mytime, '，每日打卡，生活更精彩哦~

$('.comment-editor').hide();

};

window['SIMPALED'] = {};

window['SIMPALED']['Editor'] = h

});

3、编辑当前主题的comments.php文件，找到

签到

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

5、发布成功后，打开该页面，就可以点击“签到”打卡了，效果如下图：

注意：页面要支持评论并允许评论才可以！

(责任编辑：最模板)

cms添加打卡签到功能php,给wordpress添加签到打卡页面的方法相关推荐

python实现签到功能_python实现网页自动签到功能
本文实例为大家分享了python实现网页自动签到功能的具体代码,供大家参考,具体内容如下第1步.环境准备(用的chrome浏览器) 1.安装selenium包 pip install seleniu ...
java 日历签到功能_自定义Calendar实现签到功能
前言这篇文章没有什么可看性,主要是源码注释太多,推荐自己看源码,更容易理解些,在这里主要介绍,其运作流程,贴代码片段. 自定义View要重写三个方法:onMeasure,onLayout,onDra ...
微信小程序php签到功能,简易微信小程序签到功能
一.效果图 (此图片来源于网络,如有侵权,请联系删除! ) 点击签到后 (此图片来源于网络,如有侵权,请联系删除! ) 二.数据库用一张数据表存用户签到的信息,每次用户签到都会往表中添加一条记录了用 ...
Php扫码签到功能怎么实现,扫码签到常用方法_云分组小程序
扫码签到常用方法,云分组小程序,以800人团队为例,学员扫码分组仅需10秒钟. 扫码签到常用方法, 可以检测人员进出方向,对于实时统计会场实际人数的会议非常重要.多媒体电子签到系统是将数字毛笔签名.影 ...
如何设计出一个有灵魂的「签到功能」？
本文为PMCAFF专栏作者迷路的威廉出品提到签到功能,想必是个人都并不陌生,有些人对它可能嗤之以鼻,不屑于去签到,有些人则可能是乐此不疲,深深陷入其中. 说实话,签到确实是一种基础功能,有的PD认为 ...
微信字签到 java_java微信签到功能实现:java做的一个简易的微信签到系统
java微信签到功能实现,现在微信签到功能很流行,这个签到功能帮助微信用户更好的管理自己的微信公众号,那你想知道java微信签到功能如何实现呢,今天小编就特意为大家分享一个关于java微信签到功能实现 ...
java设计按月每天签到_java微信签到功能实现:java做的一个简易的微信签到系统的案例...
java微信签到功能实现,现在微信签到功能很流行,这个签到功能帮助微信用户更好的管理自己的微信公众号,那你想知道java微信签到功能如何实现呢,今天小编就特意为大家分享一个关于java微信签到功能实现 ...
java 日历签到功能_基于jquery实现日历签到功能
使用Jquery实现每日签到功能基于jquery实现日历签到功能 jquery记事日历插件e-calendar 思路:1.获取当月第一天是周几2.获取当月共几天通过获取下月的第0天,即是当月最后一 ...
html+css+JavaScript实现每日签到功能
用户每日签到主要在于实现点击-签到-显示即时时间本次使用的是原生js实现签到功能,绑定签到按钮点击需要显示的内容,获取网络时间,获取年月日,再对文字进行拼接,最后再进行插入html中的展示内容下面 ...
java 实现签到功能及数据库表设计
前言:公司积分商城增加签到功能,如下: 每次签到+1分,连续签到7天,第7天多+1分.第8天+1,连续签到7天后,再多+1分. 若每个用户每天签到数据直接累计,数据库数据将成倍增加,故每个用户只维持一 ...

cms添加打卡签到功能php,给wordpress添加签到打卡页面的方法

cms添加打卡签到功能php,给wordpress添加签到打卡页面的方法相关推荐

最新文章

热门文章