在一些信息門戶網(wǎng)站，同時(shí)調(diào)用多篇文章及縮略圖，我們以前介紹過wordpress文章縮略圖的調(diào)用方法，它是調(diào)用一張圖片作為縮略圖。但有的門戶信息網(wǎng)站，每篇文章的縮略圖數(shù)量不一樣，有的調(diào)用一張，有的卻調(diào)用三四張。如下圖：

我們使用wordpress建網(wǎng)站時(shí)，也可以做到這樣的效果，如果某篇文章中包含多張圖片，可以把這些圖片全部調(diào)用出來做為縮略圖。

wordpress網(wǎng)站調(diào)用多張縮略圖的方法

1. 進(jìn)入自己做網(wǎng)站的后臺，找到自己使用的wordpress主題的模板函數(shù)文件functions.php，將下面的函數(shù)代碼粘貼進(jìn)去；

   
   //調(diào)用文章的全部圖片
   
   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的時(shí)候已經(jīng)是第3張了（$index從0開始的）
   
   ?              if ($index >= 2) {
   
   ?                  break;
   
   ?              }
   
   ?          }
   
   ?      }
   
   ?  } else {
   
   ?      // 沒有圖片了
   
   ?      echo "<span><i><img src='";
   
   ?              echo bloginfo('template_url') . "/images/default.jpg"; // 顯示默認(rèn)圖片
   
              echo "' alt=".get_the_title()." width='212' height='144'/></i></span>
   
              <span><i><img src='";
   
   ?              echo bloginfo('template_url') . "/images/default.jpg"; // 顯示默認(rèn)圖片
   
              echo "' alt=".get_the_title()." width='212' height='144'/></i></span>
   
              <span><i><img src='";
   
   ?              echo bloginfo('template_url') . "/images/default.jpg"; // 顯示默認(rèn)圖片
   
              echo "' alt=".get_the_title()." width='212' height='144'/></i></span>";
   
   ?  }
   
   }
   
   

2. 在需要顯示縮略圖片的位置使用下面的代碼調(diào)用。
   <?php all_img($post->post_content);?>

通過上面的代碼就可以調(diào)用文章中全部圖片作為縮略圖顯示。

標(biāo)簽： 代碼 建網(wǎng)站

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。