图片待添加
图片待添加

WordPress主题开发教程:文章列表调用多个图片缩略图

我们在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);?>

这样文章列表调用多个图片缩略图就完成了


本文地址: https://www.wpyi.com/multiple-thumbnails.html