给Wordpress加上贴吧表情

设置字体大小:

自从看到饭大佬给博客加上了贴吧的表情后就也想弄一个,毕竟 :(滑稽) 这个表情太火了,而我之前弄的QQ表情里没有这些表情。现在终于有时间来给博客添加贴吧的表情了 :(滑稽)  :(滑稽)  :(滑稽)

饭大佬用的是 Typecho ,有一个插件可以用,而 Wordpress 呢,我看了一下很多表情插件都是 N 年前更新的,都不知道适不适配最新的 4.9 版本。之前我用的是免插件修改函数的方法实现表情的,现在还用的是这种方法。方法如下(以下代码部分来自互联网,具体出处见文末)

一、禁用 Wordpress 自带的表情

Wordpress 其实自带了一套表情,不过不是很好看,首先我们要禁用它。在主题目录下的“functions.php”里最后一个”?>”前面加上以下代码(如果还是不知道在哪加,就在最后加上“<?php 代码 ?>”)

/**
* Disable the emoji's
 */
function disable_emojis() {
    remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
    remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
    remove_action( 'wp_print_styles', 'print_emoji_styles' );
    remove_action( 'admin_print_styles', 'print_emoji_styles' );    
    remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
    remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );  
    remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
    add_filter( 'tiny_mce_plugins', 'disable_emojis_tinymce' );
}
add_action( 'init', 'disable_emojis' );
/**
 * Filter function used to remove the tinymce emoji plugin.
 * 
 * @param    array  $plugins  
 * @return   array             Difference betwen the two arrays
 */
function disable_emojis_tinymce( $plugins ) {
    return array_diff( $plugins, array( 'wpemoji' ) );
}

二、修改表情目录

首先下载贴吧表情和QQ表情包:点我下载(有三个压缩包,smilies_qq 是QQ表情,smilies_tieba 是贴吧表情,smilies 是贴吧和 QQ 表情两个都有。选择不同后续的代码也会不同)。解压后用  FTP 上传到当前主题目录下的 “/images” 文件夹下(如果没有请新建一个)。然后在 functions.php 中添加如下代码:

 add_filter('smilies_src','sven_smilies_src',1,10);
 function sven_smilies_src ($img_src, $img, $siteurl = null){
	 return get_template_directory_uri().'/images/smilies/'.$img;
 }
//我这里的/images/smilies/ 文件夹里就是表情图片所在的位置

三、重定向 Wordpress 的表情链接

改变了表情文件夹后还有把表情符号和表情图片连接在一起,还是在主题的 functions.php 里添加如下代码:

function smilies_reset() {
    global $wpsmiliestrans, $wp_smiliessearch;
    // don't bother setting up smilies if they are disabled
    if ( !get_option( 'use_smilies' ) )
        return;
    $wpsmiliestrans = array(
//请根据你下载的表情来选择添加的表情    
//QQ表情开始
    ':mrgreen:' => 'icon_mrgreen.gif',
    ':neutral:' => 'icon_neutral.gif',
    ':twisted:' => 'icon_twisted.gif',
    ':arrow:' => 'icon_arrow.gif',
    ':shock:' => 'icon_eek.gif',
    ':smile:' => 'icon_smile.gif',
    ':???:' => 'icon_confused.gif',
     ':cool:' => 'icon_cool.gif',
       ':evil:' => 'icon_evil.gif',
       ':grin:' => 'icon_biggrin.gif',
       ':idea:' => 'icon_idea.gif',
       ':oops:' => 'icon_redface.gif',
       ':razz:' => 'icon_razz.gif',
       ':roll:' => 'icon_rolleyes.gif',
       ':wink:' => 'icon_wink.gif',
        ':cry:' => 'icon_cry.gif',
        ':eek:' => 'icon_surprised.gif',
        ':lol:' => 'icon_lol.gif',
        ':mad:' => 'icon_mad.gif',
        ':sad:' => 'icon_sad.gif',
          '8-)' => 'icon_cool.gif',
          '8-O' => 'icon_eek.gif',
          ':-(' => 'icon_sad.gif',
          ':-)' => 'icon_smile.gif',
          ':-?' => 'icon_confused.gif',
          ':-D' => 'icon_biggrin.gif',
          ':-P' => 'icon_razz.gif',
          ':-o' => 'icon_surprised.gif',
          ':-x' => 'icon_mad.gif',
          ':-|' => 'icon_neutral.gif',
          ';-)' => 'icon_wink.gif',
        // This one transformation breaks regular text with frequency.
        //  '8)' => 'icon_cool.gif',
           '8O' => 'icon_eek.gif',
           ':(' => 'icon_sad.gif',
           ':)' => 'icon_smile.gif',
           ':?' => 'icon_confused.gif',
           ':D' => 'icon_biggrin.gif',
           ':P' => 'icon_razz.gif',
           ':o' => 'icon_surprised.gif',
           ':x' => 'icon_mad.gif',
           ':|' => 'icon_neutral.gif',
           ';)' => 'icon_wink.gif',
          ':!:' => 'icon_exclaim.gif',
          ':?:' => 'icon_question.gif',
//QQ表情结束
//以下是贴吧表情
    		':(呵呵)'        =>    '呵呵.png',
			':(哈哈)'        =>    '哈哈.png',
			':(吐舌)'        =>    '吐舌.png',
			':(太开心)'        =>    '太开心.png',
			':(笑眼)'        =>    '笑眼.png',
			':(花心)'        =>    '花心.png',
			':(小乖)'        =>    '小乖.png',
			':(乖)'        =>    '乖.png',
			':(捂嘴笑)'        =>    '捂嘴笑.png',
			':(滑稽)'        =>    '滑稽.png',
			':(你懂的)'        =>    '你懂的.png',
			':(不高兴)'        =>    '不高兴.png',
			':(怒)'        =>    '怒.png',
			':(汗)'        =>    '汗.png',
			':(黑线)'        =>    '黑线.png',
			':(泪)'        =>    '泪.png',
			':(真棒)'        =>    '真棒.png',
			':(喷)'        =>    '喷.png',
			':(惊哭)'        =>    '惊哭.png',
			':(阴险)'        =>    '阴险.png',
			':(鄙视)'        =>    '鄙视.png',
			':(酷)'        =>    '酷.png',
			':(啊)'        =>    '啊.png',
			':(狂汗)'        =>    '狂汗.png',
			':(what)'        =>    'what.png',
			':(疑问)'        =>    '疑问.png',
			':(酸爽)'        =>    '酸爽.png',
			':(呀咩爹)'        =>    '呀咩爹.png',
			':(委屈)'        =>    '委屈.png',
			':(惊讶)'        =>    '惊讶.png',
			':(睡觉)'        =>    '睡觉.png',
			':(笑尿)'        =>    '笑尿.png',
			':(挖鼻)'        =>    '挖鼻.png',
			':(吐)'        =>    '吐.png',
			':(犀利)'        =>    '犀利.png',
			':(小红脸)'        =>    '小红脸.png',
			':(懒得理)'        =>    '懒得理.png',
			':(勉强)'        =>    '勉强.png',
			':(爱心)'        =>    '爱心.png',
			':(心碎)'        =>    '心碎.png',
			':(玫瑰)'        =>    '玫瑰.png',
			':(礼物)'        =>    '礼物.png',
			':(彩虹)'        =>    '彩虹.png',
			':(太阳)'        =>    '太阳.png',
			':(星星月亮)'        =>    '星星月亮.png',
			':(钱币)'        =>    '钱币.png',
			':(茶杯)'        =>    '茶杯.png',
			':(蛋糕)'        =>    '蛋糕.png',
			':(大拇指)'        =>    '大拇指.png',
			':(胜利)'        =>    '胜利.png',
			':(OK)'        =>    'OK.png',
			':(沙发)'        =>    '沙发.png',
			':(手纸)'        =>    '手纸.png',
			':(香蕉)'        =>    '香蕉.png',
			':(便便)'        =>    '便便.png',
			':(药丸)'        =>    '药丸.png',
			':(红领巾)'        =>    '红领巾.png',
			':(蜡烛)'        =>    '蜡烛.png',
			':(音乐)'        =>    '音乐.png',
			':(灯泡)'        =>    '灯泡.png',
//贴吧表情结束
    );
}
smilies_reset();

这样 Wordpress 就能识别出文章和评论中的表情符号,并把相应的符号转化为对应的表情图片。不过,总不能想添加表情的时候手动输入表情符号吧,因此就需要在文章编辑器和评论中添加表情按钮,见下一页。

分享到:

赞 (0)   -->微信赞赏<--

微信扫描二维码或搜索“sunriseydy”关注我的公众号,便捷地阅读博客内容,订阅博客更新



版权说明:
文章内容如未说明均为原创,欢迎转载,但请注明原作者和出处。部分来自互联网的文章,如有侵权,请联系我,24小时内删除,谢谢
Email:i@mail.sunriseydy.top


知识共享许可协议
作品 sunriseydy 采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。

评论一下呗亲

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

添加表情