WordPress 4.2 开始支持 Twitter Emoji 表情,但是默认使用的 CDN —— https://s.w.org/images/core/emoji/13.1.0/ 或者 https://twemoji.maxcdn.com/v/13.1.0/ 在国内速度可能都不大如人意。
WordPress Emoji 表情 一些事一些情
WP 默认 Emoji 表情,其实挺方便,就是可能影响速度,怎么折腾优化?
解决办法有三个,一是把 Twitter Emoji 表情下载本地化,二是替换掉默认 Twitter Emoji CDN 链接,三是不想使用的话彻底禁用。详见:「WordPress 4.2+ 使用 Twemoji 替换/禁用 WP 默认 Emoji 表情」
WordPress 下载 Twitter Emoji SVG 表情本地化
Apple Emoji 感觉不错,可惜下载不到 SVG 格式版本,WordPress 4.6 新增 SVG 格式资源……Twitter Emoji「Twemoji」,开源,表情数量更多,还有体积更小的 SVG……于是最终用回 Twitter 版本。
Emoji 本地化方法:下载 twemoji/2/72x72/ 和 twemoji/2/svg/ 内容上传至博客服务器。如网站根目录下 /emoji/72x72/、/emoji/svg/。然后主题 functions.php 文件添加一下代码:
// 替换 WordPress 默认 Emoji 资源地址
function theme_wp_emoji_baseurl( $url ){
return set_url_scheme('//ooxx.com/emoji/72x72/');
}
add_filter('emoji_url', 'theme_wp_emoji_baseurl');
// WordPress 4.6 新增 SVG 格式资源
function theme_wp_emoji_svgurl($url) {
return set_url_scheme('//ooxx.com/emoji/svg/');
}
add_filter('emoji_svg_url', 'theme_wp_emoji_svgurl');
Twemoji 备用下载地址
- 2020-07-17:twemoji-13.0.1
- 2021-03-13:twemoji-13.0.2-20210313
- 2021-05-28:twemoji-13.1.0
Google Noto Emoji 全套图标 SVG 资源下载
今天折腾无意中发现 Google Emoji 也提供 SVG 格式下载,项目地址:Noto Emoji
而 Google Noto Emoji PNG 格式提供 32、72、128 和 512 四中尺寸,真心不错。Noto Emoji 数量比 Twitter Emoji 稍少,不过好像更好看,替换方法与 Twemoji 一样。
另外 Google Noto Emoji 还提供字体版本。
Google Noto Emoji 全套图标 下载
- 2020-09-17:Noto Emoji Unicode 13.1
- 2021-07-16:noto-emoji-2.028
五六年前也折腾过twitter emoji……
试一试看看本站用了哪款。???㊗️㊙️?♀️??
@Yan 现在还是 Twitter 款……
@老头 ?? 好像不是啊,还是苹果自带的
@Yan 不会吧?难道优先系统的?主题强制替换了本地 emoji 资源,刷新网页还是一样?
@Yan 手机上看了一下,确实优先系统,Windows 上倒是正常显示 Twitter 版本。
@老头 说明没有设好啊
@Yan 找到原因了,css 中设置了 font-family: -apple-system,BlinkMacSystemFont,所有 iOS 和 Mac 会优先使用系统自带的……随它吧,毕竟水果自带也不错,还能省点资源。
@老头 真没劲,白瞎了几条留言
@Yan 尴尬,试了一下去掉 css 还是不行,木有找到解决办法……
呵呵,吃块?在继续折腾?
@Mr.Chou 木有找到折腾方法……
我的博客现在原生支持 Unicode Emoji,Win10 电脑直接 Win+. (句点符号)就可以调用 Unicode Emoji 表情了。
@杨景文 嗯,貌似这个主要给不支持 Emoji 的系统使用。