Single

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

曾经有博友建议增加一个打卡签到功能,但是由于自己的技术水平有限,一直都未能做出来。今天在研究知更鸟的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’))是判断函数,是留言板的话就出现打卡签到按钮,如果不是就不会出现,从而实现了只在留言板实现打卡签到的功能。具体效果请前往本站的测试。