WordPress不同位置的文章縮略圖設置不同尺寸

文章縮略圖和推薦圖片可以豐富頁面內容，也是圖片類博客和雜志類博客隨處可見的風景。簡單地說，給WordPress主題添加推薦圖片功能后，你就可以上傳與某篇文章相關的圖片，然后圖片會顯示在文章的一側。

如果你的網站首頁是最近發表文章的摘要，文章的推薦圖片會和文章一同顯示出來，點擊閱讀文章后，同樣的圖片又會顯示在文章頁上。為推薦圖片設置不同大小以適應它們的所在位置（比如文章頁上顯示大圖，首頁上顯示小圖），可以讓你的網站排版更合理，也能達到更好的觀看效果。

那么要怎樣才能讓WordPress自動為文章附圖生成縮小剪裁版以放在首頁呢？

1. 新建主題函數

打開主題的functions.php文件，加入下面的代碼：

// post thumbnail support      if ( function_exists( 'add_image_size' ) ) add_theme_support( 'post-thumbnails' );        if ( function_exists( 'add_image_size' ) ) {      add_image_size( 'post-thumb', 700, 270 );      add_image_size( 'home-thumb', 203, 203, true );  }    

上面的代碼讓主題支持文章縮略圖并讓WordPress生成2個不同尺寸的縮略圖。

“post-thumb”的寬度和高度分別是700px和270px ，“home-thumb”的寬度和高度分別是203px和203px，你可以根據主題手動修改這些數字。

如果有必要，你還可以給圖片添加用在其他位置（比如存檔頁或側欄文章列表）的尺寸。

home-thumb的最后一個變量是“true”——意識是讓WordPress裁剪當前圖片并另存為新圖片。

2. 把圖片添加到主題中

把圖片放到主頁里，請打開index.php文件，然后在主循環（關于主循環的介紹請看這里）內添加以下內容：

<?php if ( has_post_thumbnail()) the_post_thumbnail('home-thumb'); ?>    

把圖片放到文章頁里，請打開single.php文件，然后在主循環內添加以下內容：

<?php if ( has_post_thumbnail()) the_post_thumbnail('post-thumb'); ?>

3. 上傳文章縮略圖

把代碼添加到主題的functions.php之后你就可以在后臺“添加新文章”菜單下看見一個新選項——“推薦圖片（Featured Image）”，點擊“Set Featured Image”鏈接，出現WordPress圖片上傳框。

圖片上傳成功后，點擊“Set as featured image”然后你就可以發現下面這樣的新圖片了：

大功告成！

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈