我们在WordPress主题开发的时候做一些WordPress CMS主题,往往需要用到同时调用多篇文章及缩略图,之前WordPress教程介绍过wordpress文章缩略图的调用方法:
WordPress主题开发教程:文章缩略图调用文章图片的方法
WordPress主题开发教程:文章缩略图(特色图片)显示随机图片
它是调用一张图片作为缩略图。
但有的门户信息网站,每篇文章的缩略图数量不一样,有的调用一张,有的却调用三四张。
步骤一:找到自己使用的WordPress主题的模板函数文件functions.php,将下面的函数代码粘贴进去;
//调用文章的全部图片 function all_img($content){ $pattern = '/<img[^>]*src=\"([^\"]+)\"[^>]*\/?>/si'; $matches = array(); if (preg_match_all($pattern, $content, $matches)) { // 注意,$matches[1]中才是图片地址,可以自己打印看看 // 如果图片小于1,则不显示缩略图 if (count($matches[1] > 1)) { // 显示3张图片 foreach ($matches[1] as $index => $imgUrl) { echo "<span><i><img src='"; echo $imgUrl; // 显示图片 echo "' alt=".get_the_title()." width='212' height='144'/></i></span>"; // $index为3的时候已经是第3张了($index从0开始的) if ($index >= 2) { break; } } } } else { // 没有图片了 echo "<span><i><img src='"; echo bloginfo('template_url') . "/images/default.jpg"; // 显示默认图片 echo "' alt=".get_the_title()." width='212' height='144'/></i></span> <span><i><img src='"; echo bloginfo('template_url') . "/images/default.jpg"; // 显示默认图片 echo "' alt=".get_the_title()." width='212' height='144'/></i></span> <span><i><img src='"; echo bloginfo('template_url') . "/images/default.jpg"; // 显示默认图片 echo "' alt=".get_the_title()." width='212' height='144'/></i></span>"; } }
步骤二: 在WordPress主题需要显示缩略图片的位置使用下面的代码调用。
比如文章列表的循环里面
<?php all_img($post->post_content);?>
这样文章列表调用多个图片缩略图就完成了