4招解决在WordPress首页和分类页显示文章缩略图的方法
废话不多说，直接上方法，可以显示任意你想显示的图片。
方法一
文章内有图片就提取第一张图作为缩略图，无图则显示默认图片。这种方法需要在主题的images目录下上传一张名为default.gif的默认图片。
post_content;
$szSearchPattern = ‘~]*\ />~’;
preg_match_all( $szSearchPattern, $szPostContent, $aPics );
$iNumberOfPics = count($aPics[0]);
?>
0 ) { ?>
‘.$aPics[0][0].’‘; ?>
; ?>/images/default.gif” alt=”wordpress首页显示缩略图的3种方法” /><br />
<?php } ?><br />
方法二</p>
<p>文章内有图片则显示第一张图片，无图则显示随机图片。这种方法需要在主题images文件夹内建议一个random文件夹，上传若干张（越多随机效果越好）尺寸相同的图片，尺寸视你要实现的缩略图尺寸而定。<br />
<?php
$szPostContent = $post->post_content;<br />
$szSearchPattern = ‘~<img [^\>]*\ />~’;<br />
preg_match_all( $szSearchPattern, $szPostContent, $aPics );<br />
$iNumberOfPics = count($aPics[0]);<br />
?><br />
<?php if ( $iNumberOfPics > 0 ) { ?><br />
<?php echo '<span class=)
‘.$aPics[0][0].’‘; ?>
; ?>/images/random/<?php echo rand(1,20)?>.jpg” alt=”wordpress首页显示缩略图的3种方法” ?><br />
<?php } ?><br />
方法三</p>
<p>不显示文章内的图片，显示与分类ID对应的图片。这种方法需要在wp-content/下建立一个caticon文件夹，然后搞清文章分类的id，然后以此id对应命名相关的图片。查看分类id的方法是：在后台文章-分类目录下，鼠标指向要查看id的分类下方的“编辑”，显示出的链接里即有id=xxx的字样，xxx就是所需要的id。例如，我的opera分类id是888，那么我就找一张跟opera有关的图片，命名为888.jpg，然后上传。<br />
<?php foreach((get_the_category()) as $cat)
{
$catname =$cat->category_nicename;<br />
$cattitle=$cat->cat_name;<br />
echo “<a href=/category/)
“;
echo “![\"$catname](/wp-content/caticon/"; "\\"$cattitle\\"")
}
?>
提示
以上代码放到index.php的循环之内。一般为这样的形式下面
样式
我的样式是这样的，可以参考。
.post{padding:10px 5px;}
.post img{float:left;width:120px;height:90px;border:1px solid #d1d1d1;padding:4px;border-radius:3px;}
.post img:hover{border-color:#CC0F16;}
最后
我目前采用的是第二种方法，好处是总有比较丰富的缩略图可以展示出来，缺点是随机显示相同的图片几率仍然太高，经常在同一页有相同的图片，不过也没办法，总好过文章内没有图片的情况下，调用同一个默认图片，或者总是显示跟那几个分类有关的图片。
当然了，懒得折腾的也可以采用timthumb，据说很强大，我没试过，就不说了。收工。
补充
方法四
下面代码放到模板函数里
attributes()->src;
echo $thumbnailsrc;
} else {
$content = $post->post_content;
preg_match_all(‘/
$n = count($strResult[1]);
if($n > 0){
echo $strResult[1][0];
}else {
$random = mt_rand(1, 10);
echo get_bloginfo(‘template_url’).’/img/thumb/img’.$random.’.png’;
}
}
}
?>
循环中调用
如
相关文章
图片失效了吗，打不开
是显示不了。
让图片上是个X啊，打不开
html编辑器的问题，你可以用最后一种方法很好等
图片挂了
我也看不到图片。
学习了