Emoji专题–Emoji的历史、个性域名和WP的优化

前言

今天写关于Emoji的专题原因是昨晚博主在网络上看到了一个很有趣的帖子–注册Emoji的域名，而在表情包的时代越来越多的人喜欢拿图来表达自己的感情，同时“斗图”和“Emoji”的使用丰富了文字的表达，让文字看起来活跃有趣，还节省了自己编写文字的时间。那么从Emoji的历史到Emoji域名再到针对WordPress的优化，本篇文章让我们一起了解Emoji。

Emoji介绍

可以看看下面的这个视频，因为主题支持视频的效果不好而且为了兼容性所以请自行复制地址观看。

从2014年开始，每年7月17日是#世界表情包日#。把「日历」表情包的时间作为世界 Emoji 日，这个有趣的想法是由 Emoji 搜索引擎 Emojipedia 的创始人 Jeremy Burge 提出的。而「日历」上的时间，是因为 iCal（「日历」的前身）是在 2002 年 7 月 17 日的 Macworld 大会上发布的。

每个主流的操作系统的Emoji还是不一样的，博主也发现最新版的手机QQ除了统一的Emoji还在QQ表情包中加入了苦笑和滑稽等常用表情，不过每个系统不同表情的绘制偶尔也会带来不同的理解。

Emoji域名

昨晚在博主浏览网页的时候，无意间发现了Emoji域名的帖子。原帖地址：Emoji 域名是如何工作的？

在帖子中很多人都注册了一个Emoji域名，例如辣鸡、XX药丸，甚至一言不合就膜蛤 +1s。Emoji带来的趣味带到了域名的领域，博主觉得好玩也注册了一个：xn--cz8h4k.ws 当然为了方便没有加表情，表情是竖中指+翻白眼=mdzz。

xn--cz8h4k.ws是浏览器为了访问转码后的域名，和中文域名一个道理。因为系统的缘故，老的系统例如XP、Win7都无法正常显示，新的Android、iOS、Mac OS和Win10都能显示。这么有趣的域名为什么不来注册一个呢？

GoDaddy表示，越来越多人把emoji当做是互联网的沟通语言，同时手机或移动设备的输入法都直接提供了大量emoji给用户直接使用，emoji对于人们而言已经不是交流上的负担，反而是一种潮流。

如何注册一个 Emoji 域名？

你可以前往 ❤❤❤.ws 搜索心仪的域名，并用 GoDaddy 注册。目前，只有 .ws 域名接受 emoji 的注册。GoDaddy的首年注册费用为34元左右，如果需要额外隐私保护服务需要加钱。

Emoji 域名是如何工作的？

由于一些历史遗留问题，现有的域名系统和应用程序大多仅支持 ASCII 字符。为了能在域名中使用 emoji 等 Unicode 字符，我们采用 Punycode 的方式将 Unicode 字符用 ASCII 进行编码。比如说，[辣鸡] 的 Punycode 为 xn--zh8h2n。在使用国际化域名（internationalized domain name）时，浏览器会隐式地将 Unicode 字符转为 Punycode。比如说，当你访问本站[辣鸡] .ws 时，你实际访问的是 xn--zh8h2n.ws。这样，我们就成功在既有的域名系统中支持了 emoji。

—-来自 http://xn--zh8h2n.ws/

Emoji 还可以这么玩

本文来自：看了这 5 个网站，才知道 Emoji 还可以这么玩

1.Emojis & Earth Porn

在一大堆Emoji中找到一个静止不动的，密集恐惧症还是别进去了。

2.Donger List

一个颜文字网站，点击一下就能复制使用啦。

3.Emoji Translate

将文字翻译成Emoji表情。

4.Linkmoji

将英文翻译成Emoji网址

5.Emojifish

制作自己的Emoji T恤

WordPress上的Emoji优化

WordPress是自带Emoji表情的，但是由于伟大的GFW的原因被和谐，如果你的站点开启Emoji功能支持会造成站点访问缓慢，那么我们如何来优化WordPress上的Emoji表情呢？

转载自：WordPress禁用Emoji表情及本地化Emoji提高网站速度

在WordPress4.2版本之后，增加了Emoji表情外部调用，大部分用户是使用不到的，我们如果认为也没有必要，可以依据下面的方法之一去掉或者替换本地加载。

第一、检查是否有Emoji表情

如果我们查看源文件，可以看到上面的脚本，说明我们网站还是加载Emoji表情的，这里是调用外部文件的，我们要么选择禁用，要么选择文档本地化，这样可以提高速度。

第二、禁用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();
}
}

添加之后我们重新更新下博客的缓存就可以生效。

第三、Emoji表情本地化

或者，我们也可以采用imjeff的方法（www.imjeff.cn/blog/448/），将表情本地化，这样我们也可以使用表情（一般人是用不上的，如果你真用，那就本地化）

1、下载表情放到当前主题下

下载本地包

我们将表情文件夹放到当前主题目录下，文件夹名称不要变。

2、将下面脚本放到当前主题下的Functions.php文件中

//首先补全wp的表情库
function smilies_reset() {
global $wpsmiliestrans, $wp_smiliessearch;
// don't bother setting up smilies if they are disabled
if (!get_option('use_smilies')) {
return;
}
$wpsmiliestrans_fixed = array(
':mrgreen:' => "\xf0\x9f\x98\xa2",
':smile:' => "\xf0\x9f\x98\xa3",
':roll:' => "\xf0\x9f\x98\xa4",
':sad:' => "\xf0\x9f\x98\xa6",
':arrow:' => "\xf0\x9f\x98\x83",
':-(' => "\xf0\x9f\x98\x82",
':-)' => "\xf0\x9f\x98\x81",
':(' => "\xf0\x9f\x98\xa7",
':)' => "\xf0\x9f\x98\xa8",
':?:' => "\xf0\x9f\x98\x84",
':!:' => "\xf0\x9f\x98\x85",
);
$wpsmiliestrans = array_merge($wpsmiliestrans, $wpsmiliestrans_fixed);
}
//替换cdn路径
function static_emoji_url() {
return get_bloginfo('template_directory').'/72x72/';
}
//让文章内容和评论支持 emoji 并禁用 emoji 加载的乱七八糟的脚本
function reset_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');
add_filter('the_content', 'wp_staticize_emoji');
add_filter('comment_text', 'wp_staticize_emoji',50); //在转换为表情后再转为静态图片
smilies_reset();
add_filter('emoji_url', 'static_emoji_url');
}
add_action('init', 'reset_emojis');
//输出表情
function fa_get_wpsmiliestrans(){
global $wpsmiliestrans;
$wpsmilies = array_unique($wpsmiliestrans);
foreach($wpsmilies as $alt => $src_path){
$emoji = str_replace(array('&#x', ';'), '', wp_encode_emoji($src_path));
$output .= '<a class="add-smily" data-smilies="'.$alt.'"><img class="wp-smiley" src="'.get_bloginfo('template_directory').'/72x72/'. $emoji .'png" /></a>';
}
return $output;
}

这样Emoji本地化就解决了。

四、为WordPress编辑器启用Emoji表情

如果你是一个表情控，那么文章中插入一个Emoji表情来丰富文字会是一件有趣的事情，当然为了速度和方便博主建议按照上面的步骤将Emoji本地化，加快访问。

再下载WordPress插件：

官方下载地址

下载完成后上传至WordPress后台启用插件即可，这样我们在自带编辑器中就能看到Emoji按钮。如果你使用的主题禁用的Emoji表情功能就无法使用了。

更多针对WP的Emoji玩法可以自己在网上搜索。

本篇文章让我们了解了Emoji和表情包的历史，还有个性的Emoji域名，针对技术达人不忘了加入有关Emoji的教程。那么看完本篇文章，你是否对表情有了简单的了解呢？或者想注册一个个性的域名呢？ :P  如果你想到或者注册了一个好玩的Emoji域名欢迎在评论中分享。