wordpress评论添加emoji表情
wordpress评论 默认是不支持表情的，有很多插件可以实现，这里手动DIY来添加这个功能，使用我们自己喜欢的ｇｉｆ文件替换ＷＰ自带的，从而本地化。
1、加载emoji表情路径文件
在评论页面(comments.php)合适的位置，引入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);这样你可以灵活的DIY,替换增加你喜欢的表情图标，文件的路径等等，轻松实现了WordPress评论插件表情功能，已经在WordPress4.7经过测试。
您可能感兴趣的文章:
▪ WordPress文章页面获取评论次数
▪ 批量关闭开启wordpress文章的评论功能
▪ 图片类Wordpress网站必备响应式灯箱插件WF Magnific Lightbox
▪ WordPress限制上传图片的宽度长度大小
▪ Youpzt-optimizer插件你的WordPress网站优化利器
▪ Super Static Cache高级纯静态插件Wordpress提速优化神器
▪ 正确面对WordPress4.2+Emoji表情的使用法
▪ WordPress浏览次数统计插件:WP-PostViews Plus
▪ 最全最佳wordpress插件汇总推荐
▪ WordPress去掉分类链接中category目录的两种方