使用桑林志的中文工具箱或者Yskin CJK-excerpt生成主题摘要的blogger往往会发现,博客首页一大堆的主题摘要,文字前后相连连个图片也没有,未免太单调了吧?一张图片有时胜过千言万语,而且钩人眼球.比如我有篇讲西游记的秘密的帖子,如果有张西游记的配图(事实上文中是有插图的),在一堆摘要中一眼就能看见.
一般摘要插件都会把除了文字之外的html tag清除. 那没关系,如果能有方法把含插图的全文(full text)中抽一张图片来,并以缩略图方式显示,我们可以编辑index模板,把缩略图放在摘要左上角就行了.
网上逛了一圈,终于发现了我要的插件:[name]Post-Image, http://guff.szub.net/2006/02/09/post-image/[/name]
[name]Post-Image, http://guff.szub.net/2006/02/09/post-image/[/name]能够扫描你的每个主题,如果发现主题内含有图片,他会抓取第一章图片,并生成一个<img>的html tag. 他还支持多种选项,比如以原图显示还是以缩略图方式显示,如果没图片的文章,是否有一张缺省图片,并支持自定义的img css class. 我要的特性他全部有了.
于是下载插件,安装,激活.按照插件的要求修改模板的Main Index Template, 在<?php the_excerpt(); ?>前插一句<?php post_image(”, true); ?> , 表明没有缺省图片,并且以缩略图方式显示,img的css class名字使用缺省的名字.post-image. 再打开模板的样式表(style sheet) 添加如下样式:
img.post-image {
margin-right: 10px;
float:left;
}
这样一来,post-image输出的图片就会出现在摘要的左上角,并且与右侧摘要文字隔开一点距离.
如果有需要美化自己首页摘要的,赶快试试吧


我们是居住在上海的一对小夫妻,浪子喜欢折腾他的破计算机,小小喜欢画画。还有两条雪纳瑞狗狗,分别叫聪聪和悠悠。欢迎光临小站,我们随便说说,您随便逛逛,希望有您喜欢的话题。
这个我要了,相当有用。
Reply
我原来是想利用正则表达式匹配第一个img src来抓取图片地址,后来想想,自定义css里也有图片,那就要加上”wp-content/upload”或者图片外链图库地址字符串作为筛选,但这样的话又不通用。索性先抓个plugin来,回头慢慢看。
这个插件似乎会延长首页第一次的调入时间,要研究研究
Reply
post-image对图片文件名似乎还有要求,我的一篇“纽约的集装箱城市”一开始就抓不出图片,后来把图片文件名从container_city_01.jpg改成containercity.jpg就好了,但是其他文章中图片也有下划线和数字啊,搞不懂了
Reply
恩,我本来自己想做一个,采用和摘要插件一样,加filter,用正则式来替换的方法。看来还是抓数据库好。想办法什么时候和摘要插件合并,做成单一的插件,再用一个变量,开关缩略图。
Reply
[...] 昨天SBTalk的央街浪子告诉我说, 他找到了一个插件 — Post Image , [...]
我安装了post-image这个插件,也再首页加上了,但怎么提取不了?
Reply
老兄,我遇到一个麻烦,已经加你G了,上线的话通过一下。
留言里代码显示不出来!!
Reply
[...] 昨天SBTalk的央街浪子告诉我说, 他找到了一个插件 — Post Image , [...]
步骤都对,可我的咋就不成功呢。。。
试了好几次了,兄弟能帮看看吗,谢谢了!
Reply
楼上,我已经1年多没用这个邮件了。
而且去了你的网站,看到你用的模板是进来比较流行的杂志型博客模板,和我这篇文章里讲的不是一回事请。
Reply