WordPress主題開發：開啟文章縮略圖功能

安裝wordpress后，默認的主題里編輯文章都會看見這個縮略圖功能，那么我們自己開發的新主題怎么有這個功能呢？

目錄：

一、開啟縮略功能

二、設置縮略圖大小

三、編輯文章，上傳縮略圖

四、調用縮略圖

五：add_image_size

 

 

一、開啟縮略功能

在主題的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' ); ?>

 

幫助文檔：

中文官方參考文檔：http://codex.wordpress.org/zh-cn:%E4%B8%BB%E9%A2%98%E7%89%B9%E6%80%A7

英文官方參考文檔：http://codex.wordpress.org/Theme_Features