翻翻博客中我以前的文章,几乎全都是文字。自从Jasmine加入到博客的创作之后,她喜欢在写文章时加些唯美的或心仪的图片,可我还是依旧地在写过某篇文章以后直接点击发送了,除了那些不用图片说明不了的问题或道理,我是不愿填加图片的。
文章中加入图片,一是可以应景,二是可以醒目,三是有时可以达到质的飞跃,比如钱云会那张车轮下的图片胜过几千几万字的描述。
但我还是拒绝图片。图片虽有诸多好处,但最明显的缺点是不利于传播,一段文字可以极其简单地粘贴复制保存在邮箱中、网页中、邮箱中以及其他唾手可得的地方。而简单的一张图片很难像文字一样传播和保存。另外图片对搜索引擎是不友好的,因为SE读不懂图片的意思(虽然现在略有改观)。这可能也是富文本的缺陷吧。
但是,图片可能越来越离不了了。看着一片长嗖嗖的文字,叫人的第一个感觉就是没有心思和耐心再读下去,这可能也就是现代人的速食文化的体现吧。但是要是遇到几张有趣的图好看的画面,也许情况会得到改观。
从最近流行的“无觅相关文章插件”可见一斑。以前的相关文章是简单文字的列表显示,可以说我会像大家一样,在绝大多数情况下忽视这些密密麻麻中文字的内容。而使用“无觅插件”以后,相关文章的部分变成了色彩各异的图片,遇到感兴趣的图片我会点击进去看一看的。这无疑对网站来说带来了挽留了可能溜走的流量。
也许以后我在写文字时会想着图片,但我还是打心眼里觉得,文字很重要。
2011年4月26日星期二
2011年4月24日星期日
延迟加载图片的实现
随着文章中图片的增多,拖慢了页面载入速度,本人急需图片的延迟加载。网络上流行最广的是使用jQuery 插件Lazy Load,可参考Lazy Load, 延迟加载图片的 jQuery 插件。
作者介绍丰富,可我还是不清楚该怎么用,也就是不知道该怎么在网站中实施。因为这个jQuery 插件(下载后的文件是jquery.lazyload.js)它只是个js文件并不是Wordpress原生的打包插件,不能通过后台直接上传添加。我连把这个js文件放到网站服务器中的哪里都不知道,请教高人方才知道:“随便你放到哪里,你在要调用的地方写对调用路径就可以了。也就是你想要在wordpress的什么地方调用这个插件了,在哪里调用就在哪里加入插件代码”。
本人使用的是inove模板,现在就介绍一下在inove中实现图片延迟加载的效果的方法。另外,因为是jQuery 插件,所以需要jQuery 库的支持,这里我们使用google托管的js库。
在这里,<?php bloginfo('template_url'); ?>是主题模板的路径,另外我们需要在主题模板的img文件夹中添加一个占位图片(例如ajax-loader.gif),它的作用是,当页面上图片尚未载入时,就显示这张图片。
作者介绍丰富,可我还是不清楚该怎么用,也就是不知道该怎么在网站中实施。因为这个jQuery 插件(下载后的文件是jquery.lazyload.js)它只是个js文件并不是Wordpress原生的打包插件,不能通过后台直接上传添加。我连把这个js文件放到网站服务器中的哪里都不知道,请教高人方才知道:“随便你放到哪里,你在要调用的地方写对调用路径就可以了。也就是你想要在wordpress的什么地方调用这个插件了,在哪里调用就在哪里加入插件代码”。
本人使用的是inove模板,现在就介绍一下在inove中实现图片延迟加载的效果的方法。另外,因为是jQuery 插件,所以需要jQuery 库的支持,这里我们使用google托管的js库。
- 下载 jquery.lazyload.js(作者Lazy Load 原文介绍及最新版)
- 放到主题的js文件夹中(public_html/wp-content/themes/inove/js)
- 主题的header.php中添加如下代码:(public_html/wp-content/themes/inove/)
在这里,<?php bloginfo('template_url'); ?>是主题模板的路径,另外我们需要在主题模板的img文件夹中添加一个占位图片(例如ajax-loader.gif),它的作用是,当页面上图片尚未载入时,就显示这张图片。
订阅:
博文 (Atom)