把谷歌开放字体Lato从WordPress主题Twenty Fourteen中去掉

症状:
网站服务器正常,在同一个空间里的的一个Wordpress站点几乎是秒开的,这个网站等喝完一杯茶才能打开。

查找原因:
使用chrome浏览器F12查看network加载状态,发现在加载“fonts.googleapis.com”的时候卡住了,准确的说应该是被拦截了,302跳转到一个联通的地址(这个请求大概花了34ms),然后在联通的这个页面卡住(耗时大约12s)
googleapis

然后查看下网站源码,发现在head里面有这样一段
google-fonts-lato
这样就真相大白了。

解决办法:
既然查找出了,导致网速慢的“罪魁祸首”,那么就来看看怎样解决吧。

经过谷歌搜索一番,发现这段引用是为了使用google开放字体!!

好吧,暂时没有找到好的解决办法,就先删除这个引用好了,,找啊找

终于发现在这个主题的主题函数里面有这样一个函数:

* Register Lato Google font for Twenty Fourteen.
*
* @since Twenty Fourteen 1.0
*
* @return string

function twentyfourteen_font_url()

twentyfourteen_font_url

看到这函数介绍说是注册lato这个google开放字体的,我在想最简单最粗暴的办法应该就是直接注释掉这个函数的if那一段或者给$font_url 等号后面填一个字体文件地址链接?!!其实注释里也告诉我们另外一种解决办法,那就是使用这个主题1.0以前的版本!!

。。。

经过艰苦的思想斗争,最后决定为了保持代码的完整性,决定采用在主题函数最后加代码去掉这个google 开放字体 lato 的引用。

remove-lato-font

remove-lato-font

ok,现在暂时关闭静态缓存,发现打开速度明显快了!!

PS:如果你真是想用谷歌的开放字体,可以把那个字体css下载到本地,放到服务器上面,然后在函数twentyfourteen_font_url中引用即可。

参考链接:http://www.quickonlinetips.com/archives/2014/04/remove-google-fonts-lato-twenty-fourteen-wordpress-theme

补充一种解决办法:

写完这篇博文后,又翻腾了一下下这个问题,发现数字公司做的fonts CDN缓存服务也可以曲线解决这个问题,而且比较方便,后台打开也不慢了!!

首先打开 wp-include 目录下面的 script-loader.php 搜索 fonts.googleapis.com 然后替换为 fonts.useso.com 保存即可,主题函数里也是类似方法替换谷歌开放字体的地址为数字公司的CDN镜像地址即可。

PS:这种办法在自动更新程序后还需要改!!(到时候看google的服务还有没有被屏蔽吧)

fonts-google-com

数字公司的前端库CDN地址:http://libs.useso.com/

今日杂碎:又改一套WP模板

是从安装包带的 “classic” 模板修改的。
真是赞叹“classic”的简洁,很容易就复制出一份自己的板子了(默认所有的页面都是用index.php的模板)。

比如
1、自定义添加一个404 页面,可以复制index.php为404.php。然后修改里面内容。
2、添加一个Page页面默认模板,可以复制index.php为page.php。然后修改。。
。。
另外单页面post的默认模板文件为 single.php;存档页面的模板文件名为 archive.php;

改的时候遇到一个很纠结的问题,就是ie里的height和min-height(貌似ie不认min-height),还有就是ie中的margin,顶起来的高度显示不出来!只好弄几个换行标签上去充当。。

PS:先前改得模板感觉也挺好的,只是在页脚都硬性插入了“公司信息”,也不方便拿出来分享了(先前的都是从知名的框架模板改来得)。

仿做WP模板过程遇到的几个问题以及解决办法

1、IE6和Firefox下LI间距问题。
IE6间距高!
解决办法:在li中加入float:left这个参数,另外设定width:x px就可以了。

2、IE6下图片下方有空白。
解决办法:定义img 为display:block
其他解决办法:改变html的排版,或者定义vertical-align属性值为vertical- align:top | bottom |middle |text-bottom
还可以设置父容器的字体大小为零,font-size:0

3、dl dt dd自动换行。
解决办法:使用word-break:keep-all这个参数(连起来的英文,中间有空格才会换行!?)。

4、截取日志标题,限定字数。
解决办法:找到

the_title()

替换为

echo ‘shortened title ‘ .substr($post->post_title,0,50) ; (截取50个字符数)

或者

if (strlen($post->post_title) > 50) { echo substr($post->post_title,0,50). ‘…’ ; } else the_title(); (超出50个字符就显示省略号)

参考地址
Continue reading

今日杂碎:升级到WP2.7,模板也做啦些调整

杂碎1:算下来整整花啦两天时间修模板,第一遍是在原来的模板上添加评论嵌套,发现只能模仿到“default”(默认模板)的形,却模仿不来“default”的神(嵌套功能可以使用,样式也改的差不多,firefox3和chrome下都很正常,最后拿到ie6下却出现网页错误警告,addcomment那个js点击事件不能被ie6认可,却可以正常嵌套回复,只是那个警告看着很是不爽!但是“default”却很是正常,并且很滑溜,限于偶对css的认知,还是作罢,暂时关闭嵌套留言功能)!

于是就去官方的模板库中挖掘模板,终于搞到两个,修改之,主要是借用下框架,参考原有模板进行调整这两套模板,现在看来还算满意,发现问题时再搞吧,接着dz和uch这不又有想法升级了!!命苦啊 🙁 。

杂碎2:忙于修改这五套模板,这两天的精读互联网(我的爬行JI)和洛阳生活都没有更新。那个那个现在这个模板没有使用官方的评论嵌套功能,目前只是精读互联网用起。

杂碎3:困啊,正想要不要看个电影来的 🙂

国外wordpress模板站点

模板选择

1,选择模板,最好能够找到一个符合你口味的模板,然后找到这个模板的作者,去看看该作者其他的模板。一般来说,如果你喜欢某作者的一款模板,其他的模板也是八九不离十。

2,如果是从聚合站点找模板,最好找那些经过筛选的模板,而不应该找那些任何模板都收集过来的聚合站点。

3,鉴于个人了解有限,国内wordpress 模板设计高手先空着,欢迎各位推荐:)

4,如果你知道其他的优秀的wordpress 模板,聚合站点,或者作者等,也欢迎推荐。

国外wordpress 模板聚合站点:

1,http://themes.wordpress.net/ ,wordpress官方的模板基地,模板众多,但是鱼龙混杂。想在这里淘到一款合适的wordpress 模板,挺累的。
Continue reading