kn007的个人博客
♥ You are here: Home > > > WordPress 4.2+禁用Emoji表情

WordPress 4.2+禁用Emoji表情

by | 36 Comments

ptu9dQedV1sztyb3o

早上上班前,按了更新到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表情

donate
有所帮助?

Comments

36 Comments立即评论
Loading...
  1. 因为s.w.org上emoji的资源被墙了结果首页后台F12以后一大堆404的循环报错,也是醉人 :cry:

    1. MOD回复

      @Xider: 在我这,可以正常访问,因为一早就在规则里面了~ :arrow:

    2. @kn007: 原来4.2的时候没发现又异常。。结果到了4.2.1就出问题了 :???:

    3. MOD回复

      @Xider: 4.2就有了,可能缓存没更新,不知已在坑内 :mrgreen:

    4. @kn007: 估计用4.2那阵子都没F12吧 ;-) ;-) ;-)

    5. MOD回复

      @Xider: :mrgreen: :mrgreen: 最近这么清闲

    6. @kn007: 我不会说明天考试的 :cry:

  2. 回复

    特来道谢,折腾了一天,重新弄的表情框,最后显示出来的表情是压缩变形的。。这里找到解决方案了

icon_wink.gificon_neutral.gificon_mad.gificon_twisted.gificon_smile.gificon_eek.gificon_sad.gificon_rolleyes.gificon_razz.gificon_redface.gificon_surprised.gificon_mrgreen.gificon_lol.gificon_idea.gificon_biggrin.gificon_evil.gificon_cry.gificon_cool.gificon_arrow.gificon_confused.gificon_question.gificon_exclaim.gif