学做网站培训课程介绍

当前位置:

WordPress调用文章中全部图片缩略图(亲测有效)

在一些信息门户网站,同时调用多篇文章及缩略图,我们以前介绍过wordpress文章缩略图的调用方法,它是调用一张图片作为缩略图。但有的门户信息网站,每篇文章的缩略图数量不一样,有的调用一张,有的却调用三四张。如下图:

Wordpress调用文章中全部图片缩略图

我们使用wordpress建网站时,也可以做到这样的效果,如果某篇文章中包含多张图片,可以把这些图片全部调用出来做为缩略图。

wordpress网站调用多张缩略图的方法

  1. 进入自己做网站的后台,找到自己使用的wordpress主题的模板函数文件functions.php;
  2. 将以下的代码粘贴到functions.php文件中;
    
    
    <?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张了,如果想调用全部图片,可以把数字2改成count($matches[1])
    if ($index > 3) {
    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>";
    }
    }
    ?>
  3. 在需要显示缩略图片的位置使用下面的代码调用。
    <?php all_img($post->post_content);?>

通过上面的代码就可以调用文章中全部图片作为缩略图显示。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程