当前位置：
  1. 首页
  2. CMS技术教程
  3. 帝国CMS教程
  4. 正文

wordpress评论添加emoji表情

帝国CMS教程 0 2

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

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

<?php include(TEMPLATEPATH . '/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经过测试。

您可能感兴趣的文章:

原文链接：https://blog.csdn.net/zcp528/article/details/108048389?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166666867416782388047622%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=166666867416782388047622&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-12-108048389-null-null.nonecase&utm_term=wordpress

相关文章