解决Clubix主题国内访问慢的问题

上一文讲到如何解决WORDPRESS网站在国内访问慢的问题,但是各种主题引用的GOOGLE字体和代码都不一样,所以解决起来需要灵活对待。本文针对Clubix主题2.0版(最新版),详细讲解一下如何清除GOOGLE字体和相关引起国内访问困难的代码。

2014-10-30 0-22-27

在此之前,再着重提一下wingrep这个软件:能够批量查找多个文件中的字符。下载地址请见:http://www.wingrep.com/download.htm

1,解决WORDPRESS后台访问。

WordPress安装后,后台访问主要是Opensans字体,通过wingrep查找“fonts.googleapis”,找到

(1). wp-includes/script-loader.php的第603行,将其注释为如下图:

2014-10-29 23-08-10

(2). wp-includes\js\tinymce\plugins\compat3x\css\dialog.css的第1行,将其注释为如下图:

2014-10-29 23-12-02

通过以上两个操作,访问后台速度会明显改善,这说明字体问题已经解决。但是请注意wp-includes/script-loader.php文件的第149行第156行(共8行)有涉及ajax.googleapis.com链接对应的JS文件。由于我暂时也不清楚这些文件的具体作用,所以并不知道这些文件是否影响网站速度。现在我们假设这些文件会影响网站速度,我们来解决这个问题。

由于这些是js文件,只是挂在GOOGLE服务器上,所以我的做法是翻墙后把这些文件下载下来,然后放在网站服务器下。我是将这些文件全部下载下来放在网站根目录的fonts文件夹内(下文还会再次提到此文件夹。),然后用网站链接来替换//ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/之类。修改下的结果如下图:

2014-10-29 23-33-51

这样,我们就完成了对wordpress程序本身的修改工作。

2,解决默认主题里的GOOGLE字体;

本文对应的是wordpress4.0,默认的主题是Twenty Fourteen。当你此时去访问网站首页时,依然是慢如蜗牛,那是因为默认主题内引用的GOOGLE字体代码我们并没有剔除。通过查找在主题文件wp-content\themes\twentyfourteen\functions.php 内第214行,将其注释即可。

3,Clubix主题文件的修改;

其实第2步的操作没有太多意义,但是我之所以将其放在这之前讲,是因为后面也有类似的操作,当然对于其它的主题也会有类似的操作。

首先请正确安装Clubix主题,及其集成插件,另外最好是导入默认的XML数据。然后我们去访问网站首页,通过CHROME的查看元素,会发现有maps, googleusercontent等错误而引起网站速度奇慢无比。

(1). 清除google maps代码:找到wp-content\themes\clubix\functions.php的第139行,将其注释掉即可:

(2). 清除字体错误,这里需要特别注意:通常情况下其它的主题引用的字体都是从fonts.googleapis.com类似的链接,如上所述的wordpress本身也是这样。但是针对Clubix主题,我们发现字体都是来自http://themes.googleusercontent.com。找到clubix\assets\css\master.css,从第9603行开始,至第9729行结束,共计有22处类似http://themes.googleusercontent.com/static/fonts/lato/v7/boeCNmOCCh-EWFLSfVffDg.woff链接。

通过分析,我们可以用前文提到的处理JS文件类似的方式来解决。先翻墙,将woff文件下载下来,并转移到fonts文件夹内,接着我们修改master.css文件的22处链接类似为:http://www.xxx.com/fonts/boeCNmOCCh-EWFLSfVffDg.woff。这样就能实现直接引用网站服务器上的字体文件了。

这里要再提一下,Clubix主题设置里有一个添加Google分析代码,如果涉及GOOGLE,可能也会影响速度,所以请进入后台主题设置部分,将GOOGLE分析代码也干掉吧。

这就是最后一步操作了,再去访问网站,你会发现错误没有了,速度飞起来啦!当然你的服务器要足够好,DNS解析要足够快!:)

 购买CLUBIX主题试一下吧!

Themeforest网站介绍

英文不太好的和不太愿意花时间阅读的朋友总是有股强大的穷追猛打的精神,所以在代购时我会遇到很多重复的问题,所以有必要写个文章来阐述一下。

brands-grid-003a9bc2208a6e5f35fbac870bab9f58

Themeforest可以翻译为主题森林,顾名思义是主题模块资源库,不仅仅是Wordpress主题,也包含网页模板和其它程序(Jumoola, Drupal和Mangento等)主题模板。Themeforest是一个专业的付费网站主题模板交易平台,隶属于Envato旗下,会员超过240万,提供可交易项目300万。其中网站主题数量超过8500个,wordpress 主题数量近2700个。而Envato旗下的其它网站,提供插件/代码/视频/设计等资源售卖。在此不一一展开,主攻Wodpress主题模板所在平台Themeforest.

如果拥有PAYPAL或信用卡,可以自己注册Envato账号,登录后充值购买,如果没有可以在淘宝上找人代购。说个题处话,淘宝上不乏用黑PAYPAL代购者,须谨慎识别。

1,注册

有时候网络不好的情况下,注册比较困难,或者激活邮件长时间收不到。实在不行就需要FAN QIANG。必须激活后,账号才能使用。

2,价格

WordPress 主题模板价格在40-55USD之间,直接购买官网会加收2USD手续费,而预存充值的话是20USD起,100USD止,且整10数。所以遇到45USD的价格,要么直接购买(花费45+2USD),要么预存50USD。如果以后不购买主题了,预存款是退不回来的。

3,购买

购买后即可进入账户(Downloads)下载所有文件包,主题包和授权信息。

4,使用

如果下载的是所有文件包,须解压,解压后的包含有主题/源文件/说明教程等。需要仔细识别哪一个是主题包。接着就可以通过FTP或WP后台安装主题了。

5,售后

通常主题作者都提供支持论坛,有问题可以直接与作者取得联系。通常支持论坛需要验证身份,识别验证码在授权信息内可以查到。

6,退款

通常不支持退款,也没有见过特殊情况退款的。

7,授权

普通用户只需要购买Regular license授权即可,详细授权说明需要阅读官方解释。

如何安装themeforest网站的正版wordpress主题

Themeforest是一个专业的付费网站主题模板交易平台,隶属于Envato旗下,会员超过240万,提供可交易项目300万。其中网站主题数量超过8500个,wordpress 主题数量近2700个。可以说是广大 wordpress 主题爱好者和网站建设&设计者的乐园,如此大的主题库,总有一款适合你。有兴趣的朋友猛击这里围观。

tf

我从2010年开始接触这个网站上 wordpress 主题,数量已超过30个,对于主题的初步安装和设置,总结如下经验:

一,购买主题后,进入帐号downloads目录下,点击主题后的Download按钮就可以下载压缩包。压缩包内通常含有如下文件:主题包,源文件,安装说明,demo数据等,安装前请仔细阅读安装说明。

二,阅读安装说明后,就可以根据说明的步骤一步步来安装主题了,大致步骤如下:

1,安装主题

方法1:解压主题包(注意是主题包,不是下载下来的压缩包),将解压后的文件夹通过FTP上传到你的主机空间,路径是:/wp-content/themes;

方法2:在 wordpress 后台进行安装,进入网站后台,外观 -> 安装主题 -> 上传(Appearance – > Install themes -> Upload),选择文件,找到主题压缩包(注意后缀必须是zip,且文件大小通常不超过2M),然后点击现在安装。

2,导入demo数据

安装完主题后,需要导入demo数据(文件名后缀为xml),工具 -> 导入(Tools – > import),会看到8个导入小插件,点击 wordpress 安装本次需要的导入工具,安装后启用这个插件,点击选择文件找到demo数据,然后点击 上传并导入。这时你会看到如下图:

importxml

选择你当前的管理员帐号,勾选下载选项,提交后大约5分钟完成导入(根据DEMO数据所在服务器的速度)。

3,设置自定义菜单和首页(有些主题也需要设置文章)

进入 外观 -> 菜单,设置自定义菜单,如下图所示:

menu

进入 设置 -> 阅读,设置首页和文章页,如下图所示:

homeandarticle

现在打开你的网站首页,基本雏形就出来,以上操作步骤适用于大部分Themeforest上的主题,但并不适用一切主题,请参考对应主题的安装说明进行对照。

根据主题的自带功能完成你的网站,这需要花一些时间去熟悉主题,强调一点的是一定要详细参考作者提供的安装说明教程,同时要了解主题提供的短代码的表现含义,相信经过摸索和尝试,你会建一个非常漂亮且适合自己的网站。