如何在HotNews主题的留言板添加打卡签到功能

更新于 2015-10-13 23:34:10首发于 2015-05-10 08:19:201.65K

曾经有博友建议增加一个打卡签到功能，但是由于自己的技术水平有限，一直都未能做出来。今天在研究知更鸟的HotNews主题的时候，发现评论框右下角有一个“插入图片”的功能，突然就想到能不能直接把它修改成打卡签到功能？毕竟我不太喜欢这个插入图片的功能，放着也是浪费，于是就试一试，没想到真的成功了。

如何在HotNews主题的留言板添加打卡签到功能-第1张-boke112百科(boke112.com)

把HotNews主题评论框中的“插入图片”的功能更改为打卡签到功能，只需要简单的两步即可实现。

1、打开主题所在文件夹中的comments.php文件，大概在150行，找到“插入图片”，直接更改为“打卡签到”。

2、打开主题所在文件夹中js/custom.js文件，大概在189行，把以下代码：

// 评论贴图
function embedImage() {
var URL = prompt(‘请输入图片 URL 地址:’, ‘http://’);
if (URL) {
document.getElementById(‘comment’).value = document.getElementById(‘comment’).value + ‘[img]’ + URL + ‘[/img]’;
}
}

修改成：

// 打卡签到
function embedImage() {
var URL = prompt(‘BOKE123欢迎大家前来打卡:’, ‘不管风来雨去，到boke123报到是必须地， :cy: ，顺便提高曝光率～～’);
var myDate = new Date();
var mytime=myDate.toLocaleTimeString()
if (URL) {
document.getElementById(‘comment’).value = document.getElementById(‘comment’).value + URL + ‘打卡时间：’ +mytime ;
}
}

最后，把以上修改过的文件保存覆盖原文件即可实现把“插入图片”的功能更改为“打卡签到”功能。

PS：如果只需要在留言板上使用打卡签到功能，其他日志文章页的评论不使用，只需要在comments.php文件的“插入图片”代码加上一个判断函数即可，具体代码如下：

<?php wp_reset_query();if (is_page(‘zxly’)) { ?>

原插入图片代码

<?php } ?>

其中if (is_page(‘zxly’))是判断函数，是留言板的话就出现打卡签到按钮，如果不是就不会出现，从而实现了只在留言板实现打卡签到的功能。具体效果请前往本站的留言板测试。