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

由于多说经常抽风,加上对移动端也不够友好,便决定停用多说。正好前两天刚刚帮 LWL 搞了个 OwO ,就顺便给我自己加上了。
OwO 是 Diygod 写的一个炒鸡萌的表情插件:https://www.anotherhome.net/2582

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


首先在主题的 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://public.admincdn.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://public.admincdn.com//wp-content/themes/quench/owo/OwO.json', 
	    position: 'up',
	    width: '100%',
	    maxHeight: '250px'
	});
}

setOwO(); //这一句添加到回调函数内即可

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

评论

  1. 森木志
    3年前
    2021-1-26 0:35:29

    万分感谢!!!!
    我也移植owo表情发现需要刷新一次才能正常弹出,然后就发现这个教程,成功解决!

  2. o
    4年前
    2020-4-15 16:59:07

    这个网站真牛逼!

  3. 4年前
    2020-3-26 11:24:07

    然而现在的这个主题没有了(咕

  4. 4年前
    2020-3-06 12:14:58

    哇,这个网站好牛皮呀

  5. BB
    6年前
    2018-9-16 15:28:57

    (ó﹏ò。)😅facialfacial

  6. 7年前
    2017-2-09 19:11:41

    评论图片支持也有问题,没挂action钩子

    • Fly
      博主
      liwanglin12
      7年前
      2017-2-09 19:23:09

      测试下加了anti robot后的回复功能
      facial

      • Fly
        博主
        Fly
        7年前
        2017-2-11 19:16:49

        测试一下邮件⌇●﹏●⌇

  7. 7年前
    2017-2-09 19:11:04

    由于多说评论会自动回写到本地数据库,所以不需要对数据进行操作……才怪嘞!多说UA被你吃了(╯‵□′)╯︵┴─┴

    • Fly
      博主
      liwanglin12
      7年前
      2017-2-09 19:12:39

      facial

      • Fly
        7年前
        2017-5-12 16:54:43

        幸好我还有一个保质期只有18天但是可以保住UA的代码

        • 千千
          7年前
          2017-7-20 18:08:47

          这里抓到了千千

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇