Steins;Lab

某团的自留研究所

手动替换wordpress国外主题中的google字体服务 | 谷歌字体 |wordpress | google fonts

利用修改代码,使用替代的国内镜像源。

Cómo-saber-el-tema-WordPress-de-esa-web-


 

 

打脸:360前端库在2016年9月停止服务。请不要再引用useso.com

googleapis在北京已有服务器,本方法不必要

请使用原生库

以下方法已失效

 

前几日应要求帮忙搭建了一个企业官网。wordpress开源免费活跃的特点成为了我的架构首选。在前端展示上,我选择了一个很著名的功能性很强的wordpress企业主题——The 7 。

 

然而,经过调研,the 7的授权被国内一些主题商拿到后,他们做了优化和本地化后,提供了正版授权购买。这也是天经地义的事情,主题商拿到了原主题的授权后,付出了自己的汗水优化和本地化,并提供技术支持,维护和更新,购买他们的授权直接来用会省时省力。

 

在网上只能拿到主题原版,没有经过本地化处理。google免费字体库几乎在所有的国外主题中被引用,提供多样华丽的英文网页字体。其中,由于众所周知的原因,google服务受限成为了拖慢网站速度的罪魁祸首(会导致慢得无法忍受)。屏蔽谷歌字体的使用或者替换镜像源成为了拿到英文原版wordpress主题后首要处理的部分。

 

2016年初,谷歌字体恢复正常使用,然而在4月份又频繁抽风。

 

这里提供一种自己使用的方法,替换为国内360的镜像源—— 360网站卫士常用前端公共库CDN服务

20160422221842

在博主自身来讲,并没有特别喜欢360或者讨厌360的立场(虽然我自己不用,但是也会推荐给老爸用)。

博主认为,360这个服务(http://libs.useso.com/)对google字体库镜像,提供带宽和服务器资源,为站长提供服务,还是比较良心的。

也许是博主比较浅薄,如果哪位读者知道,这个360字体和脚本镜像哪里可以被用来作恶或者有什么黑点,还请不吝告诉博主。

 

附:wordpress中的谷歌字体:

包括两个部分,wordpress本体中和主题中两部分。本体中可以通过插件直接去除。如”Disable Google Fonts” 。另一方面,主题自身中的google fonts 需要我们自行屏蔽或者替换


 

 

  • 0.准备

我们要知道,wordpress由php支撑。wordpress主题文件也包括php文件和js(javascript)文件。这两种语言都有个基本的特点,源代码可随意根据自己的需求更改。

20160422225050

图2 示例the7的文件结构

 

单纯暴力地注释掉文件中对googlefonts的引用,有可能使主题发生严重错误,尤其是一些功能繁杂的主题。因此这里建议更换源而不是单纯的去除。毕竟满足需求才是目标。

 

这里思路就清晰了,将php和js中对google fonts的引用链接替换为镜像地址就可以了。

  • 1.查找所有的google公共库链接

 

可以采用各种文本编辑器。本文采用Atom为例。如果不想搞文本编辑器,可以使用这个小工具直接查找字符串。

点我下载:附件FileStringFinder_ch.zip

然后用记事本搞

 

 

使用atom包含所有的主题文件目录↓:

20160422225714

 

在工程文件夹中搜索↓:

QQ截图20160422225836

搜索关键词:“googleapis

可以看到以下的结果

QQ截图20160422230037

可以看到所有对google公共库的引用都被标记出来

 

 

  • 2.替换google公共库

直接用atom自带的替换工具,将 *.googleapis.com 替换为 *.useso.com 即可

20160422230447

点击replace后即可替换保存。将主题打包上传至wordpress主题,检查是否仍然因google fonts导致网页缓慢加载。

注意,replace请检查只替换了*.googleapis.com的谷歌公共库链接。误操作导致函数名对象名被替换将导致不可预知的错误。

 


 

 

 

解决了google字体的问题,公司的网站加载速度得到了很大提升。如果你希望使用国外wordpress主题,却仍然囊中羞涩或者想自己折腾,可以试试这种方法。

6
说点什么

avatar
3 Comment threads
3 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
4 Comment authors
SPtuanbrotherbiao你冰雪可爱的宇哥SPtuanFandy Recent comment authors
  Subscribe  
最新 最旧 得票最多
提醒
brotherbiao
游客
brotherbiao

6到爆表了(:зゝ∠)

你冰雪可爱的宇哥
游客
你冰雪可爱的宇哥

牛逼闪闪

Fandy
游客
Fandy

66666那现在这个网站的字体有没有替换