评论本地化并为评论框添加 OwO 表情

由于多说评论会自动回写到本地数据库,所以不需要对数据进行操作。

首先在主题的 functions.php 中插入代码,使评论能够支持图片。

function auto_comment_image( $comment ) { global $allowedtags; $allowedtags['img'] = array('src' => array (), 'alt' => array ()); return $comment; } add_filter('preprocess_comment', 'auto_comment_image'); 

然后在评论框代码的合适位置加上 OwO 的 div :

<div class="OwO"></div> 

接着分别在主题头部和尾部引入 OwO 的 css 和 js 文件,并修改主题的 js ,在合适的位置加入以下语句即可:

new OwO({ logo: 'OωO表情', container: document.getElementsByClassName('OwO')[0], //OwO 按钮的 class target: document.getElementsByClassName('text_area')[0], //评论框 class api: 'https://cdn.fly3949.com/wp-content/themes/quench/owo/OwO.json', //储存表情数据的 json地址 position: 'up', //弹出框的方向,down 或 up width: '100%', //表情框的宽度 maxHeight: '250px' //表情框的最大高度 }); 

由于本站主题带有全站 Pjax ,所以需要在 Pjax 的回调函数中调用上述代码。因此,我对 ajax.js 的修改如下:

function setOwO() { new OwO({ logo: 'OωO表情', container: document.getElementsByClassName('OwO')[0], target: document.getElementsByClassName('text_area')[0], api: 'https://cdn.fly3949.com/wp-content/themes/quench/owo/OwO.json', position: 'up', width: '100%', maxHeight: '250px' }); } setOwO(); //这一句添加到回调函数内即可 

这样就算完成了 OwO 的添加。不过如果要安心使用本地评论框,还需要针对垃圾评论进行有效过滤。可以考虑使用 Akismet 插件,或者参照 Diygod 的这篇文章,通过隐藏的 token 值防止自动评论。

原文链接:https://www.fly3949.com/915.html

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/5543

(0)
上一篇 2022年8月11日
下一篇 2022年8月11日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml