经常玩WordPress的朋友我们都会经常逛各类WordPress主题站或者欣赏其它作者网站,我们经常会看到有些站点wordpress文章列表多图展示效果挺不错的,如果您想摆脱WordPress文章列表单一的缩略图一个输出就来试试这个功能wordpress文章列表多图展示吧,下面咱们开始为您的wordpress添加文章列表多图展示。
首先把以下代码放到(functions.php)里面


function all_img($soContent){
 
$soImages = '~<img [^\>]*\ />~'; //这段话的意思:获取文章里面的图片
 
preg_match_all( $soImages, $soContent, $thePics );
 
$allPics = count($thePics);//通过正则表达式判断是否存在图片
 
preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i',$soContent, $matches);
 
$cnt = count($matches[1]);// 获取文章里面的图片数量
 
if( $allPics > 0 && $cnt > 2){  // 判断2的原因是图片数量小于2的文章,不需要显示缩略图了
 
$count=1;//赋予1的值
 
foreach($thePics[0] as $v){
 
if( $count == 12 ){break;}//当count等于12的时候跳出循环  意思是获取12张图片 
 
else {
 
$pattern ='<img.*?src="(.*?)">';
 
preg_match($pattern,$v,$matches);// 通过正则表达式获取图片里面的路径
 
echo "<li>";
 
echo "<img src=http://www.dz9.net/wp-content/themes/GoodNice/timthumb.php?src=".$matches[1]."&h=60&w=60&zc=1 alt=" . get_the_title() . ">";
 
echo "</li>";
 
}
 
$count++;//循环+1
 
}
}
else {
// 可以自己搞点什么,没有图片的时需要提示什么
}
}

最后的时候,在首页或者列表栏目调用


<?php all_img($post->post_content);?>