wordpress emoji 表情加载报错问题解决方案

目录
[隐藏]

wordpress 升级到 4.2 以后的版本,增加了 emoji 表情。该表情使用了如下 CDN 远程加载:

http://s.w.org/images/core/emoji/72×72/

问题在于,该 CDN 在国内访问很慢,甚至大多时候,是访问不了的。

知道了原因,那么解决思路也就有了。志文工作室提供了两种思路以解决该问题,仅供参考。

方案一:更改可访问的 CDN

图片等静态资源被下载一次后,浏览器会缓存它,缓存未过期前再次加载不会重复请求。
wordpress 站点众多,用户访问这些站点时,只需从 CDN 加载一次,其好处自不必多说。

maxcdn 提供的如下 CDN 地址是可以访问的:

http://twemoji.maxcdn.com/72×72/

bootcss 提供的如下 CDN 也可访问:

http://cdn.bootcss.com/twemoji/1.4.1/72×72/

方案二:使用站内表情

如果表情图片在你的站点内,那么自然不会受到外部地址无法访问到的问题。emoji 表情由 twitter 团队免费共享,你可以从 github 上下载到它:

https://github.com/twitter/twemoji/releases

下载后解压该目录,然后复制上传 72×72 目录到你的站点中。如放到如下路径:

/images/emoji/72×72/

更改 emoji 表情请求地址

参考如上任意一种方案,选择对应新的访问路径,然后参考如下步骤操作。

1. 登入后台,选择“外观-编辑”。
2. 在右侧选择“模板函数 (functions.php)”,以打开 functions.php 的编辑。
3. 在该文件末尾的 ?> 之前加入如下代码,注意其中的地址应参考你所选方案:

//emoji 表情CDN地址更换
function lzwme_emoji_baseurl($url) {
    return set_url_scheme('//cdn.bootcss.com/twemoji/1.4.1/72x72/');
    //return set_url_scheme('//twemoji.maxcdn.com/72x72/');
    //return set_url_scheme('/images/emoji/72x72/');
}
add_filter('emoji_url', 'lzwme_emoji_baseurl');

emoji_function

如有疑问或更多方案,欢迎前来共同探讨。

点赞 (1)

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

Captcha Code