WordPress 使用本地化的 emoji 表情包

Posted 2020-09-22 imzhi空间

WordPress 结合使用 Native Emoji 和 WP Local Emoji 两个插件，可以达到使用本地化的 emoji 表情包的目的。

安装好上述两个插件并且启用：

为了使 Native Emoji 表情使用本地化的 emoji 表情包图片，而不是 s.w.org 域名下的表情包图片，需要修改以下两处源代码。

修改 wp-content/plugins/native-emoji/js/tinymce-plugin.js，替换以下代码：

html += \'<td class="\' + img + \'"><a href="#" data-code="\' + code + \'" data-img="\' + img + \'" tabindex="-1" role="option"><img src="https://s.w.org/images/core/emoji/72x72/\' + img + \'.png"></a></td>\' 

为：

html += \'<td class="\' + img + \'"><a href="#" data-code="\' + code + \'" data-img="\' + img + \'" tabindex="-1" role="option"><img src="/wp-content/plugins/wp-local-emoji/72x72/\' + img + \'.png"></a></td>\'

修改 wp-content/plugins/wp-local-emoji/wp-local-emoji.php，新增代码：

 1 private function __construct() {
 2     add_filter( \'emoji_url\', array( &$this, \'emoji_url\' ), 10, 2 );
 3     add_filter( \'emoji_svg_url\', array( &$this, \'emoji_svg_url\' ), 10, 2 );
 4 }
 5 
 6 function emoji_url( $emoji_url ) {
 7     return plugins_url( \'72x72/\', __FILE__ );
 8 }
 9 
10 function emoji_svg_url( $emoji_url ) {
11     return plugins_url( \'svg/\', __FILE__ );
12 }

保存好之后，不论是在编辑器中使用 emoji 表情包，抑或插入 emoji 表情到文章里，都将使用本地化的 emoji 表情图片了！