在wordpress评论中添加表情包

615次阅读

共计 2620 个字符，预计需要花费 7 分钟才能阅读完成。

wordpress 评论 默认是不支持表情的，有很多插件可以实现，这里手动 DIY 来添加这个功能，使用我们自己喜欢的gif文件替换WP自带的，从而本地化。?

1、加载 emoji 表情路径文件
在评论页面 (comments.php) 合适的位置，引入 smiley.php 文件

<?php include(TEMPLATEPATH . '/smiley.php'); ?>

点击预览 smiley.php 代码
2、下载 emoji 表情包
很明显上面的文件我把 emoji 表情包 /images/smilies/ 下面
百度网盘下载：http://pan.baidu.com/s/1c1NQyis
3、修复表情包引入
WordPress4.2 之后，使用了 Emoji 表情，原有自定义表情快捷符号无法再转换为表情图片 gif，而我们引入的是 gif 文件，这样并不会显示的，所以需要禁用前台与后台的相关 emoji 表情加载脚本，并修改 css 文件调整大小。加入以下代码至主题的 functions.php 内：

/**
 * 替换 emjo 表情修复 WordPress 升级 4.2 自定义表情的各种问题
 */
function disable_emoji($plugins) {if (is_array($plugins)) {return array_diff($plugins, array('wpemoji'
));
} else {return array();}
}
// 取当前主题下 images\smilies\ 下表情图片路径
function custom_smilie_src($old, $img) {return get_stylesheet_directory_uri() . '/images/smilies/' . $img;
}
function init_fixsmilie() {global $wpsmiliestrans;
add_filter('smilies_src','fa_smilies_src',1,10);
// 默认表情文本与表情图片的对应关系(可自定义修改)
$wpsmiliestrans = array(':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',
'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',
);
// 移除 WordPress4.2 版本更新所带来的 Emoji 钩子同时挂上主题自带的表情路径
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_emoji');
add_filter('smilies_src', 'custom_smilie_src', 10, 2);
}
add_action('init', 'init_fixsmilie', 5);