提醒:本文最后更新于 3529 天前,文中所描述的信息可能已发生改变,请仔细核实。
早上上班前,按了更新到WordPress 4.2就去上班了。
到公司看到网站能打开就没理它(太忙了)。
后来博友 @World 提醒我说,博客的表情木有了。
当时在外面,手机看了下,确实是,想想只能是更新的原因,特别是记得看到更新有新版支持emoji表情的Changelog。诶,没想到更新没问题,却出了这种小问题。
想了下,找了大发,大发最后还是帮我试了下,中间互相探讨,给出了解决方案(由大发),传送门。
其实,去掉emoji感觉比较好,为了支持emoji还要加载很多东西,浪费性能完全。。对于国内小水管一点都不友好。所以即便不影响到我现有的表情,我也会把它去掉。话说其实我挺喜欢emoji表情的~
禁用Emoji表情的代码如下(直接放进functions.php即可,感谢Disable Emoji插件的作者):
/** * 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' ) ); } function smilies_reset() { global $wpsmiliestrans; // don't bother setting up smilies if they are disabled if ( !get_option( 'use_smilies' ) ) return; $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', // 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', ); } smilies_reset();
最后,想补充的是,Wordpress 4.2修改了translate_smiley函数。使得输出的表情带样式(style),具体为style="height: 1em; max-height: 1em;"。
这可能会对我们的表情产生影响(我的是被压扁了),因为这个函数本身没有过滤器,所以无法添加过滤,对输出再解码也影响性能,只能修改源文件,来达到目的。具体位置在/wp-includes/formatting.php的第2114行。如下:
return sprintf( '<img src="%s" alt="%s" class="wp-smiley" style="height: 1em; max-height: 1em;" />', esc_url( $src_url ), esc_attr( $smiley ) );
修改为:
return sprintf( '<img src="%s" alt="%s" class="wp-smiley" />', esc_url( $src_url ), esc_attr( $smiley ) );
其实就是删除这个样式。这样就不会对我们现有的表情产生任何影响了。
感谢World和大发。感谢Wordpress的勤劳更新。
2015-04-25补充,函数替换法(替换表情style输出):
add_filter( 'the_content', 'reset_smilies_style', 99 ); add_filter( 'the_excerpt', 'reset_smilies_style', 99 ); add_filter( 'comment_text', 'reset_smilies_style', 99 ); /** * Reset Smilies Style */ function reset_smilies_style( $content ) { return str_replace( 'class="wp-smiley" style="height: 1em; max-height: 1em;"', 'class="wp-smiley"', $content ); }
转载请注明转自:kn007的个人博客的《WordPress 4.2+禁用Emoji表情》
因为s.w.org上emoji的资源被墙了结果首页后台F12以后一大堆404的循环报错,也是醉人
@Xider: 在我这,可以正常访问,因为一早就在规则里面了~
@kn007: 原来4.2的时候没发现又异常。。结果到了4.2.1就出问题了
@Xider: 4.2就有了,可能缓存没更新,不知已在坑内
@kn007: 估计用4.2那阵子都没F12吧
@Xider: 最近这么清闲
@kn007: 我不会说明天考试的
特来道谢,折腾了一天,重新弄的表情框,最后显示出来的表情是压缩变形的。。这里找到解决方案了