零基础建站培训介绍

当前位置:

WordPress网站调用全部或前几张图片缩略图

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

slt

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

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

  1. 进入自己做网站的后台,找到自己使用的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>";
       }
    }
  2. 在需要显示缩略图片的位置使用下面的代码调用。
    <?php echo hui_get_thumbnail(false,true);?>

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

上一课: 下一课:

发表评论

相关教程

  1. 分享一款WordPress博客淡雅模板
  2. wordpress网站被恶意攻击(大量访问xmlrpc.php)解决方法
  3. wordpress搭建外贸商城网站
  4. 仿的祛痘单页站,有什么问题请帮我指出来
  5. Wordpress网站实现评论自动发邮件功能
  6. 老师和同学们都来看看,这是我给一客户做的,还可以吧.收了1000块钱噢
  7. wordpress如何调用某一个分类下的热门文章(热评文章)
  8. WordPress外链转内链插件
  9. Wordpress网站添加彩色标签(标签云)效果
  10. wordpress安装教程(详细)