WordPress调用文章中全部图片缩略图(亲测有效)
2018-11-02 来源:学做网站论坛
在一些信息门户网站,同时调用多篇文章及缩略图,我们以前介绍过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>";
? }
} - 在需要显示缩略图片的位置使用下面的代码调用。
<?php all_img($post->post_content);?>
通过上面的代码就可以调用文章中全部图片作为缩略图显示。
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。
最新资讯
热门推荐