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

by Posted on

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

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

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

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

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

修改成：

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

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

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

原插入图片代码

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

Published by cloud