获取文章内的图片做缩略图
文章的缩略图功能在新版本的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。
好了，这样子就实现了一个简单的缩略图效果。对于图片较少的童鞋，放几张默认图片或者广告图轮着换也不错哈。
转载请注明转自：获取文章内的图片做缩略图
就是这句，假如我想要这种效果
echo ‘<img src="/wp-content/themes/xx.jpg” />’
就是这句，假如我想要这种效果
echo ‘( img src=”bloginfo( ‘url’ )/wp-content/themes/xx” ) ’
囧，打不出网址和php演示代码。。
@Mucid 试试echo ‘(img src=”‘.get_bloginfo(‘url’). ‘/images/ad.png”/)’;
(换成<..
@阿修 呃，你也打不出来，我的主题必须使用绝对定位，不然只能在文件分页一显示，大哥发到偶的邮箱吧，i#mucid.me谢谢大哥了啊
@Mucid 我改了改~~你看看
@阿修 OK了，谢谢大哥啊
@Mucid 呵呵，只是一个小地方而已~~
看来必须进入PHP的学习了
@Mucid 多学习点总没有坏处的
这篇技术文章要学习！！！
直接使用 出错，最后 echo “”; 双引号 改 单引号 即可 。
学习了，赞一个，博客刚开，到处逛哈哈哈