你现在的位置 -> 云 -> wordpress

wordpress 插件 images lazyload

星期四, 四月 7th, 2011

写了一个非常简单的插件,其灵感来源于jQuery lazyload,但是只在客户端是无法实现真正的Lazyload的,因为浏览器的差异,有时甚至会造成2倍的请求,那如何只让可见的图片进行加载? 答案是在服务端对img标签的src属性进行更改即可。 下载 插件下载地址 非常简单的安装: 直接把文件夹解压到wordpress plugins文件夹下; 在插件控制面板上启用即可。 注意:插件依赖于jQuery类库,所以确保你的博客引用了jQuery类库!   测试地址:本站已经启用插件,随便点开页面即可测试。 测试页面与说明 先看一下对网页优化的重要准则: Performance Research, Part 1: What the 80/20 Rule Tells Us about Reducing HTTP Requests 我们的经验表明减少 HTTP 请求数能最有效地减少页面响应时间,这通常也是性能优化的最简单方法。(YUI) 测试1   这个页面图片的数量为64个(背景+img图片) 前:先看一下正常情况下的加载 60个请求,文档体积995.1K,加载时间为7.06s 后:再看一下启用插件后的情况 20个请求,文档体积371.6K,加载时间为2.34s 小结:可以看到,在大量图片请求下,可以有效的减少加载时间并且减少请求数量与文档体积! 注意:根据网络(网速)不同测试会有偏差,由其现在我的主机在国外,国内访问经常不是很稳定。 测试2 这个页面图片的数量为21个(背景+img图片) 其中有11幅图质量较大 前:先看一下正常情况下的加载 21个请求,文档体积1.3M,加载时间为5.61s 后:再看一下启用插件后的情况 11个请求,文档体积256.7K,加载时间为3.47s 小结:可以看到,在大量高质量图片请求下,可以减少请求数量与文档体积并且加载时间也会有所提升! 注意:根据网络(网速)不同测试会有偏差,由其现在我的主机在国外,国内访问经常不是很稳定。 Q & A Q. 为什么我的主题安装后无效? A. [...]

解决WordPress Window主机无法接收Email

星期三, 十一月 3rd, 2010

有时在虚拟主机(windows,linux)上会因为各种原因无法接收与发送Email,这样会给我们带带及大的不便,解决方法如下: 使用第三方插件,MagicMailer 简单介绍一下,激活插件(这个不用说了,哈哈) 在设置菜单会多一项Magic Mailer,点击后出现管理界面 Reply mail address填写你的email地址 SMTP在你的邮箱里找,比如说163的smtp就是smtp.163.com,端口一般是25 填写完之后记得点击Save Configuration保存。 如果是用gmail的话,点击show gmail configuration会出现另一界面 几乎已经配制完毕直接填写剩余的即可。

曾经为自己设计的博客

星期四, 四月 23rd, 2009

博客设计
清新爽快风格

WordPress缩略图处理技巧

星期二, 四月 21st, 2009

去除缩略图 很多时候Wordpress自动生成的缩略图都用不到,也许你的空间够大,但是文件越来越多,管理起来也不会很方便。 但是Wordpress本身没有去掉缩略图的选项。 我们可以在设置里把选项调一下就可以实现这个功能 网上写文章如下设置: 设置-》媒体 将里面的值都设定为0,这样的话就不会生成缩略图了。 Writer 如果你是用Writer来写的话直接上传也不会生成,但是需要注意一点的就是 当你在Writer里插入图片后记得把选项改一改 如果你这里选择其他项的话,那Writer会自动为你生成一幅缩略图。 所以当你不想生成缩略图时选择无。 在页面插入缩略图 这里用到的是自定义域(custom fields) 自己先要在里面定义一个字段如“pic_gallery” 然后再值里填上你要放到页面上的图片的地址如 http://gd.yslove.net/03_8F3A/nikos.jpg 然后需要在相应的页面加上代码 <?php $key="pic_gallery"; echo get_post_meta($post->ID, $key, true); ?> 这一段代码其实就是输出上面自己填写的那条图片的URL,所以需要把它放到图片的路径里 <img src="<?php $key="pic_gallery"; echo get_post_meta($post->ID, $key, true); ?>" alt=""/> 另外这一代码必须嵌套到一个循环体中如 <?php $recent=new WP_Query("cat=12&showposts=10"); while($recent->have_posts()): $recent->the_post();?> <?php endwhile;?> 这样就可以利用WP的自定义字段来动态的为文章生成缩略图了。 效果可见我的首页左边作品栏 这个方法就是每次写文章时需要填多一个选项,并且你要知道图片上传的路径,一般的情况下我都是先在WLW里调整好小图片,然后用联机编辑这一选项,传到网上,再在WP后台进一步编辑。有点烦锁,但是效果不错。 点击图片自动链接到大图 WLW的图片编辑能力还是很强的,如果你想将一幅图在网上显示小图片,而点击后出现大图,那再也不用传两次,然后再自己加链接,可以利用WLW的“链接到”这个功能。 先在WLW里将图片拉到你想要的大小 然后点击图片,在右边的图片选项里的“链接到”选择“源图片” 接着可以在点击“选项”按钮进行调节 在这里调节后,WLW会自动将图片按这个比例进行缩放,非常方便。 如果有问题的话请留言。:)

分类

随机作品

Dark Templar

在黑夜中游走的神灵,他们将自己的灵魂深深藏在夜色中!

软件: photoshop 8.0

时间: 约3小时

鼠绘练习04

Photoshop 8.0

约14小时

三人众网站设计

一切从简,一切直观可用。

UAT9