正确面对WordPress4.2+Emoji表情的使用法

WordPress 更新到4.2 版本以后，查看网页源代码你会发现 WordPress 会自动在加载一段用于支持 emjo 表情的脚本（JS+CSS）。对于大部分人来说，这个是十分鸡肋的功能，再加上 GFW 的强大力量，反而影响加载速度，如果你使用了第三方评论插件，比如多说，就应当毫不犹豫禁用它。

原因分析

脚本就是类似下面的代码：

```
<script type="text/javascript">
```

 window._wpemojiSettings = {"baseUrl":"http:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"http:\/\/devework.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.2"}};

 !function(a,b,c){function d(a){var c=b.createElement("canvas"),d=c.getContext&&c.getContext("2d");return d&&d.fillText?(d.textBaseline="top",d.font="600 32px Arial","flag"===a?(d.fillText(String.fromCharCode(55356,56812,55356,56807),0,0),c.toDataURL().length>3e3):(d.fillText(String.fromCharCode(55357,56835),0,0),0!==d.getImageData(16,16,1,1).data[0])):!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f;c.supports={simple:d("simple"),flag:d("flag")},c.supports.simple&&c.supports.flag||(f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);

```
 </script>
```
```
 <style type="text/css">
```
```
 img.wp-smiley,
```
```
 img.emoji {
```
```
 display: inline !important;
```
```
 border: none !important;
```
```
 box-shadow: none !important;
```
```
 height: 1em !important;
```
```
 width: 1em !important;
```
```
 margin: 0 .07em !important;
```
```
 vertical-align: -0.1em !important;
```
```
 background: none !important;
```
```
 padding: 0 !important;
```
```
 }
```
```
 </style>
```

因为WordPress 更新 4.2 的一个新增功能就是支持 emjo 表情，但看部分加载源居然是 wp.org 的 js 文件。对于大部分人来说，这个是十分鸡肋的功能。
Emoji表情:

禁用：移除 WordPress 4.2 中前台自动加载的 emoji 脚本
既然功能鸡肋，不如直接移除掉来得更加快捷。代码提取自 Disable Emojis 插件，可以放在主题目录下的 functions.php 文件中：

```
/**
```
```
 * 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.

```
 */
```

 function disable_emojis_tinymce( $plugins ) {

```
 if ( is_array( $plugins ) ) {
```

 return array_diff( $plugins, array( 'wpemoji' ) );

```
 } else {
```
```
 return array();
```
```
 }
```
```
 }
```

使用Disable Emojis插件来解决
如果您对代码不太熟悉，或者怕添加出错，没关系，直接安装Disable Emojis插件也可以解决此问题，点此下载：http://pan.baidu.com/s/1gdUdn9L

511遇见

不一样的遇见

正确面对WordPress4.2+Emoji表情的使用法

您可能感兴趣的文章:

相关文章: