Axiu Blog
错。但是对于有很多旧文章的人来说,一篇一篇去修改显然很麻烦。插件有很多,如果你已经用上而且效果不错的话,可以随便看看。这里提供一个简单的缩略图生成方法-提取文章第一张图片做缩略图。可能很多同学那里已经使用上了,这里就在啰嗦几句吧。 获取文章图片的主要代码需要放在首页(当然可以是别的什么地方),找到文章主体部分,放入以下代码 post\_content;
![thumbimg](https://farm5.static.flickr.com/4099/4829420119_e033b0302c.jpg "thumbimg")文章的缩略图功能在新版本的WordPress中已经有了,效果应该很不错。但是对于有很多旧文章的人来说,一篇一篇去修改显然很麻烦。插件有很多,如果你已经用上而且效果不错的话,可以随便看看。这里提供一个简单的缩略图生成方法-提取文章
![thumbimg](https://farm5.static.flickr.com/4099/4829420119_e033b0302c.jpg "thumbimg")文章的缩略图功能在新版本的WordPress中已经有了,效果应该很不错。但是对于有很多旧文章的人来说,一篇一篇去修改显然很麻烦。插件有很多,如果你已经用上而且效果不错的话,可以随便看看。这里提供一个简单的缩略图生成方法-提取文章
获取文章内的图片做缩略图
Max

thumbimg文章的缩略图功能在新版本的WordPress中已经有了,效果应该很不错。但是对于有很多旧文章的人来说,一篇一篇去修改显然很麻烦。插件有很多,如果你已经用上而且效果不错的话,可以随便看看。这里提供一个简单的缩略图生成方法-提取文章第一张图片做缩略图。可能很多同学那里已经使用上了,这里就在啰嗦几句吧。

获取文章图片的主要代码需要放在首页(当然可以是别的什么地方),找到文章主体部分,放入以下代码

post_content; $soImages = '~]*\ />~'; preg_match_all( $soImages, $soContent, $thePics ); $allPics = count($thePics[0]); if( $allPics > 0 ){ echo ''; echo $thePics[0][0]; echo ''; } else { echo ""; //这里可以放入你想要的图片地址如,注意图片大小 } ?>

放入之后你会发现一个问题,图片有大有小,而且可能占据了文章大部分地方,页面杯具。这里需要稍微定义一下图片的css。例如这样

#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。

好了,这样子就实现了一个简单的缩略图效果。对于图片较少的童鞋,放几张默认图片或者广告图轮着换也不错哈。

Comments