WordPress修改谷歌字体库的解决方案

2015/03 22 10:03

WordPress是一个不错的建站程序,开源而且强大。可以称得上是“万能”不管是购物网站、问答网站、CMS、企业站等面面俱到深受世界各国广大用户好评。

WordPress第三方的主题也是大家一直所追求的,因为它是创意和技术的融合,现在越来越多的国内用户也开始使用国外主题,但是很多直接购买的商业主题有很多谷歌字体库或JS库等,这使得网站更加漂亮,更加迷人;但是由于国内GWF甚是强大,导致谷歌字体库、JS库在国内基本没用,还拖累网站访问速度,可以说在中国大陆访问使用国外主题的网站几乎都无法正常浏览。

14年6月开始,谷歌搜索打不开了,谷歌的其他服务也无法访问,这里包括谷歌字体。如果你的网站用WordPress做的,最近打开速度很慢,那大多数是这个问题,因为即使你没用使用国外模板,而WordPress程序本身就使用了很多谷歌字体。

解决方法有很多,但说到底原理就一个:

谷歌字体的原始网址被屏蔽了,但是奇虎360做了一件好事,它把谷歌字体都放到360的CND上了,我们只需要把谷歌字体的原始链接(在你的网站程序或模板中搜索Google的字体库域名)变成360加速代理后的链接即可,如下:

Google免费字体库的域名:fonts.googleapis.com
奇虎 360 代理后的字体库:fonts.useso.com

如何不修改文件,通过第三方WordPress字体转换插件继续使用Google字体库?
感谢苏洋为我们提供了插件,不想修改文件的直接下载插件激活就可以了。
插件说明地址:http://www.soulteary.com/2014/06/08/replace-google-fonts.html
插件下载地址:http://www.soulteary.com/wp-content/uploads/2014/06/Replace-Google-Fonts.zip

以下是网络上流程比较多的处理方法,可根据情况试下:

一、最简单的处理方法:

后台搜索这个插件“ Disable Google Fonts ”,安装并激活即可,对于某些网站是管用的,但我试了几个网站,用此插件无效。

二、必须要做的一个步骤:

修改这个文件 \wp-includes\script-loader.php,找到:fonts.googleapis.com,替换成:fonts.useso.com。

做了这一步,有几个网站后台速度正常了,但是不是所有的WordPress网站都能找到这句话(还是那句话DW批量搜索吧)

三、有效的方法:

如果你用的商业主题,是从正规渠道购买的是正版,可以联系主题的作者提供技术支持,他会告诉你哪些文件的哪些地方存在谷歌字体链接,顺便把谷歌地图的代码也注释掉。

通常是在主题目录中的styles.css文件中

四、最尼玛不靠谱的几段代码

网上有很多教程,说在主题目录的这个文件functions.php中加载一段代码,就可以有效的屏蔽谷歌代码。我试了几个,均无效,既不能解决前台主题的问题,也不能解决后台加载的问题。

//禁用Open Sans
class Disable_Google_Fonts {
public function __construct() {
add_filter( ‘gettext_with_context’, array( $this, ‘disable_open_sans’ ), 888, 4 );
}
public function disable_open_sans( $translations, $text, $context, $domain ) {
if ( ‘Open Sans font: on or off’ == $context && ‘on’ == $text ) {
$translations = ‘off’;
}
return $translations;
}
}
$disable_google_fonts = new Disable_Google_Fonts;

上面的代码试了一下,查看源文件还是有很多谷歌字体,不知道其他人用的什么模板….

function remove_open_sans_from_wp_core() {
wp_deregister_style( ‘open-sans’ );
wp_register_style( ‘open-sans’, false );
wp_enqueue_style(‘open-sans’,”);
}
add_action( ‘init’, ‘remove_open_sans_from_wp_core’ );

上面的这段也试了下,无效!有的网站还报错导致网站空白或其他错误,修改文件或添加代码之前请先做好备份!

小白一直都是手动修改文件,教程请往下看:

首先就是把主题/插件文件都下载下来,用Dreamweaver对整个目录进行代码搜索,然后逐一替换,实际上也就几个文件中存在。

有一些插件比如那个革命滑块插件也使用了谷歌字体,把他的目录同样替换一下。

这样 你的网站,不论是前台还是后台都比以前还要快,因为谷歌字体插件变成国内了,而且保留了美观度和功能。

上图就是我安装了the7.2主题及主题所需要的插件后,在改完 \wp-includes\script-loader.php文件后搜索出来的,这些字体库严重影响访问速度!

下面我整理了一下我安装the7.2之后及一些常用的插件后,修改谷歌字体所检测出来的包含谷歌字体库域名的文件,大家看下自己有用对应插件或模板的可以改一下自己的文件,提升网站速度:

\wp-content\cache\supercache\  网站域名 \index.html
\wp-content\cache\supercache\ 网站域名 \find\index.html
\wp-content\plugins\js_composer\include\templates\params\vc_grid_item\shortcodes\vc_custom_heading.php
\wp-content\plugins\js_composer\include\templates\shortcodes\vc_custom_heading.php
\wp-content\plugins\js_composer\include\templates\shortcodes\vc_gitem_post_data.php
\wp-content\plugins\LayerSlider\views\slider_list.php
\wp-content\plugins\LayerSlider\views\slider_edit.php
\wp-content\plugins\revslider\revslider_admin.php
\wp-content\plugins\revslider\inc_php\fonts.class.php
\wp-content\plugins\revslider\inc_php\revslider_operations.class.php
\wp-content\plugins\revslider\settings\slider_settings.php
\wp-content\plugins\Ultimate_VC_Addons\admin\js\google-fonts-admin.js
\wp-content\plugins\Ultimate_VC_Addons\modules\Ultimate_Font_Manager.php
\wp-content\plugins\Ultimate_VC_Addons\woocomposer\admin\js\google-fonts-admin.js
\wp-includes\js\tinymce\plugins\compat3x\css\dialog
the7.2模板引用谷歌字体的文件

\wp-content\themes\dt-the7\inc\extensions\core-functions.php

下面是WordPress自带的三个模板的引用谷歌字体库的文件

\wp-content\themes\twentyfifteen\functions.php
\wp-content\themes\twentyfourteen\functions.php
\wp-content\themes\twentythirteen\functions.php
关于其他插件/模板中引用谷歌字体库的文件,小白在遇到后也会再次更新的。

发自阿西的移动设备

--转载请注明: http://www.assey.cn/?p=811