wordpress文章缩略图的调用方法

在学建网站过程中，很多时候需要在网站上显示文章的缩略图，这样可以让整个网站不是太单调。就是学做网站论坛的“学员网站制作案例”版块，就使用了缩略图。

我们自己做网站时，如何在自己网站上调用文章缩略图呢？下面来讲一下文章缩略图调用方法。

方法/步骤

1. 在自己的wordpress模板中找到模板函数文件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') . "/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="296" height="296"/><?php }?>
   
   

4. 上面代码里的29，296为图片的尺寸，可以根据自己网站的需要进行修改。
5. 在主题文件夹下放一个默认图片，名字为default.jpg。

通过上面的方法，我们自己建网站时，也可以很轻松的调用文章缩略图片了。

上面的方法是调用文章里第一张图片作为缩略图，如果想调用文章多张图片作为缩略图，可以使用这个方法：https://www.xuewangzhan.net/wpbbs/14562.html

补充：除了使用上面的常用的调用缩略图的代码之外，还可以使用以下的代码进行调用。（将特色图片的URL提出来）

<?php if ( has_post_thumbnail() ) { ?><?php $post_ID=$post->ID;$post_thumbnail_id = get_post_thumbnail_id( $post_ID );$post_thumbnail_src = wp_get_attachment_image_src($post_thumbnail_id,'Full');?><img src="<?php echo $post_thumbnail_src[0]; ?>" alt="<?php the_title(); ?>" width="296" height="296"/><?php }else {?><img src="<?php echo get_first_image(); ?>" alt="<?php the_title(); ?>" width="296" height="296"/><?php }?>

如果不需要指定图片尺寸，可以使用下面的代码：

<?php if ( has_post_thumbnail() ) { ?><?php $post_ID=$post->ID;$post_thumbnail_id = get_post_thumbnail_id( $post_ID );$post_thumbnail_src = wp_get_attachment_image_src($post_thumbnail_id,'Full');?><img src="<?php echo $post_thumbnail_src[0]; ?>" alt="<?php the_title(); ?>" /><?php }else {?><img src="<?php echo get_first_image(); ?>" alt="<?php the_title(); ?>" /><?php }?>