在學建網站過程中，很多時候需要在網站上顯示文章的縮略圖，這樣可以讓整個網站不是太單調。就是學做網站論壇的“學員網站制作案例”版塊，就使用了縮略圖。

我們自己做網站時，如何在自己網站上調用文章縮略圖呢？下面來講一下文章縮略圖調用方法。

方法/步驟

1. 在自己的wordpress模板中找到模板函數(shù)文件functions.php;
2. 在functions.php粘貼下面的縮略圖代碼：
   //調用縮略圖
   function get_first_image() {
   global $post;
   $first_img = '';
   ob_start();
   ob_end_clean();
   $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
   $first_img = $matches [1] [0];
   if(empty($first_img)){ //Defines a default image
   $first_img = bloginfo('template_url') . "/images/default.jpg";
   };
   return $first_img;
   }
3. 在網站模板的任意一個模板中，只要需顯示縮略圖片位置，使用下面的調用代碼來調用縮略圖。
   <?php if ( has_post_thumbnail() ) { the_post_thumbnail(array(296,296),array('alt'=> trim(strip_tags( $post->post_title ))));} else {?><img src="<?php echo get_first_image(); ?>" alt="<?php the_title(); ?>" width="296px" height="296px"/><?php }?>
4. 上面代碼里的29，296為圖片的尺寸，可以根據(jù)自己網站的需要進行修改。

通過上面的方法，我們自己建網站時，也可以很輕松的調用文章縮略圖片了。

上面的方法是調用文章里第一張圖片作為縮略圖，如果想調用文章多張圖片作為縮略圖，可以使用這個方法：https://www.xuewangzhan.com/wpbbs/14562.html

標簽： 代碼 建網站 網站模板 網站制作 學建網站

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