为wordpress开启缩略图

一、开启缩略功能

在主题的functions.php中，添加一段代码，代码如下：

add_theme_support( 'post-thumbnails' ); 

 

如果你仅想让文章信息开启缩略图功能，则使用以下代码：

add_theme_support('post-thumbnails', array('post'));

如果你仅想让页面信息开启缩略图功能，则使用以下代码：

add_theme_support('post-thumbnails', array('page'));

 

 

二、设置缩略图大小

 

 

 

三、编辑文章，上传缩略图

上传的图片将保持在/wp-content/uploads 

 

四、调用缩略图

判断一篇文章是否存在缩略图，如果有，则显示缩略图，否则显示默认缩略图。

<?php if ( has_post_thumbnail() ) : ?>
     <?php the_post_thumbnail( 'thumbnail' ); ?>
<?php else: ?>
    //显示默认图片
<?php endif; ?>

 the_post_thumbnail可以是字符串或数组

a.字符串参数时：thumbnail(小尺寸)、medium(中等尺寸)、large(大尺寸)、full(完整尺寸)

  <?php the_post_thumbnail( 'thumbnail' ); ?>

 

b.数组参数

//尺寸60x60
<?php the_post_thumbnail( array(60,60) ); ?>

 

c.默认尺寸：

 <?php the_post_thumbnail(); ?>

 

 

 

五、add_image_size

 如果大中小满足不了你的尺寸可使用

add_image_size('newchicun',148,100,$crop);

使用时：

 <?php the_post_thumbnail('newchicun' ); ?>


六，设置默认图片

第一步：添加功能函数
找到使用的主题模板的functions.php文件在<?php和?>之间添加如下代码:
  
  

   
   

    
    
    
    

     
     PHP
    
    
   
   
   
   

    
    if ( function_exists('add_theme_support') )
 add_theme_support('post-thumbnails');
 function catch_first_image() {
  global $post, $posts;
  $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)){
		$random = mt_rand(1, 20);
		echo get_bloginfo ( 'stylesheet_directory' );
		echo '/images/random/tb'.$random.'.jpg';
  }
  return $first_img;
 }
   
   
   
   

    
    
 
        
 
         

           1 
         
 
         

           2 
         
 
         

           3 
         
 
         

           4 
         
 
         

           5 
         
 
         

           6 
         
 
         

           7 
         
 
         

           8 
         
 
         

           9 
         
 
         

           10 
         
 
         

           11 
         
 
         

           12 
         
 
         

           13 
         
 
         

           14 
         
 
         

           15 
         
 
         

           16 
         
 
        
 
        
 
         
 
          if 
            
          ( 
            
          function_exists 
          ( 
          'add_theme_support' 
          ) 
            
          ) 
         
 
         
 
           
          add_theme_support 
          ( 
          'post-thumbnails' 
          ) 
          ; 
         
 
         
 
           
          function 
            
          catch_first_image 
          ( 
          ) 
            
          { 
         
 
         
 
             
          global 
            
          $post 
          , 
            
          $posts 
          ; 
         
 
         
 
             
          $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 
          ) 
          ) 
          { 
         
 
         
 
           
          $random 
            
          = 
            
          mt_rand 
          ( 
          1 
          , 
            
          20 
          ) 
          ; 
         
 
         
 
           
          echo 
            
          get_bloginfo 
            
          ( 
            
          'stylesheet_directory' 
            
          ) 
          ; 
         
 
         
 
           
          echo 
            
          '/images/random/tb' 
          . 
          $random 
          . 
          '.jpg' 
          ; 
         
 
         
 
             
          } 
         
 
         
 
             
          return 
            
          $first_img 
          ; 
         
 
         
 
           
          } 
         
 
        
   
   
  
  
请在主题目录images文件夹下建立random文件夹，里面存入20张图片，命名tb1-20，jpg格式
第二步：指定位置调用函数
找到index.php文件即首页文件，找到the_content();或相似的代码在它之前添加如下代码：
  
  

   
   

    
    
    
    

     
     
     
     PHP
    
    
   
   
   
   

    
    <img class="home-thumb" src="<?php echo catch_first_image() ?>" width="140px" height="100px" alt="<?php the_title(); ?>" />
   
   
   
   

    
    
 
        
 
         

           1 
         
 
        
 
        
 
         
 
          < 
          img  
          class 
          = 
          "home-thumb" 
            
          src 
          = 
          "<?php echo catch_first_image() ?>" 
            
          width 
          = 
          "140px" 
            
          height 
          = 
          "100px" 
            
          alt 
          = 
          "<?php the_title(); ?>" 
            
          / 
          > 
         
 
        
   
   
  
  
第三步：添加缩略图样式CSS代码：
具体样式需要根据网站内容调整，如下作为示例
  
  

   
   
   
   

    
    PHP
   
   
  
  
  
  

   
   .home-thumb{margin:5px 15px 5px 5px;width:140px;height:100px;border:3px solid #eee;float:left;overflow:hidden;} .home-thumb img{max-height:186px;max-width:186px}
  
  
  
  

      
      

       
       

         1 
       
      
      

      
      

       
       
 
        . 
        home 
        - 
        thumb 
        { 
        margin 
        : 
        5px 
          
        15px 
          
        5px 
          
        5px 
        ; 
        width 
        : 
        140px 
        ; 
        height 
        : 
        100px 
        ; 
        border 
        : 
        3px 
          
        solid 
          
        #eee;float:left;overflow:hidden;} .home-thumb img{max-height:186px;max-width:186px}