获取文章内的图片做缩略图
文章的缩略图功能在新版本的WordPress中已经有了，效果应该很不错。但是对于有很多旧文章的人来说，一篇一篇去修改显然很麻烦。插件有很多，如果你已经用上而且效果不错的话，可以随便看看。这里提供一个简单的缩略图生成方法-提取文章第一张图片做缩略图。可能很多同学那里已经使用上了，这里就在啰嗦几句吧。
获取文章图片的主要代码需要放在首页（当然可以是别的什么地方），找到文章主体部分，放入以下代码
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<?php $soContent = $post->post_content; $soImages = '~<img [^\>]*\ />~'; preg_match_all( $soImages, $soContent, $thePics ); $allPics = count($thePics[0]); if( $allPics > 0 ){ echo '<span id="thumb">'; echo $thePics[0][0]; echo '</span>'; } else { echo "<img src="XXX.jpg" />"; //这里可以放入你想要的图片地址如，注意图片大小 } ?> |
放入之后你会发现一个问题，图片有大有小，而且可能占据了文章大部分地方，页面杯具。这里需要稍微定义一下图片的css。例如这样
|
1 2 |
#thumb{padding:0px; margin:15px 15px 15px 4px;width:145px;height:115px;border:3px solid #222;float:left;overflow:hidden;background:#fff;} #thumb img{margin-left: 0px; margin-right: 0px; border-width: 0px;max-height:186px;max-width:186px} |
注意：max-weight&height是对img进行的一点缩放，ie6不支持max-width&height。
好了，这样子就实现了一个简单的缩略图效果。对于图片较少的童鞋，放几张默认图片或者广告图轮着换也不错哈。
转载请注明转自：获取文章内的图片做缩略图
刚用上了，不过我稍微改了下
@winy 我还真没看到你放哪儿了……
@阿修 我说昨天用到新主题上了，今天就看见你写出来，最近文囧了吧
@winy 哈哈，还行吧。有其他事忙着~~所以更新微慢
期待你的新主题上线啊！~
@隐残影 记下吧
没用过，不知道好用不
@小叶榄仁 挺好用。
@winw 呵呵，偶尔整点不一样的嘛……~
貌似这个在2.9就是支持的吧
@草儿 是，支持的。
好像都没显示出来，是黑色滴~~~
@奶牛 你不是网通的吧……网通好像把flickr封了。
@阿修 我是传说中的网通~~~
@奶牛 这个……我找找解决办法
嘿嘿。好在选了一个好主题，一开始就用wordpress里面的自定义缩略图..
@创享·生活 哈哈，那很幸运呢~~
阿修用的是哪款代码高亮？
@forece 我用的WP-Syntax~够用。
关键不是每篇文章都有图片
@BoKeam 所以没有图片的不输出东西，或者输出默认图片哪
记得有个缩略图插件的 ~
类似于 xxx.php?url=1.jpg 这样缩短的方法 ~
配合起来效果一点不错 呵呵 ~
@小邪 嗯，插件是个好办法
很实用的功能呀。以前我用过一个皮有这功能。但现在发图少了。
@超人 放点自定义的也成啊，哈哈
这个比用自定义域好多鸟
，PHP就是变量符号有点点怪 
。。
@Mucid 很无奈吧，不过看多了也没啥奇怪的了
好文章，我的主题自己有这功能
@软件盒子 那就恭喜啦！~不用折腾了
我讨厌页面出现这么多图片，所以飘过。
margin-left: 0px; margin-right: 0px;
没看懂和
margin:0;
有什么区别
@西门 好像原来用的左右边距都有，后来改着改着改没了，也忘了换。就那样吧，哈哈
还是代码好，清洁实用啊
可惜我的博客上没什么图片，暂时不用了，以后肯定会用的
@yetone 我也没啥图片，有的就尽量搞出来，而且格式整齐很多