WordPress的特色圖像（Featured Image）是一個很方便的功能，過去為了給每篇文章設置一個縮略圖，我們需要用腳本去匹配文章中的第一張或者最后一張圖片，或者通過附件方式獲取圖片，有了特色圖片功能，一切都簡單了。
如何開啟特色圖像功能
在主題的functions.php中添加如下代碼
|
1
2
3
4
|
//使WordPress支持post thumbnail
if
( function_exists(
'add_theme_support'
) ) {
add_theme_support(
'post-thumbnails'
);
}
|
注意：這段代碼應當加載functions.php的body中，不要寫進函數里。
|
1
|
add_image_size(
$name
,
$width
,
$height
,
$crop
);
|
在functions.php中，寫在add_theme_support()之后,完整代碼如下
|
1
2
3
4
5
6
7
8
|
//add post thumbnails
if
( function_exists(
'add_theme_support'
) ) {
add_theme_support(
'post-thumbnails'
);
}
if
( function_exists(
'add_image_size'
) ) {
add_image_size(
'customized-post-thumb'
, 100, 120 );
}
|
創建幾個不同的縮略圖尺寸，用到的函數：
如何調用特色圖像
在post模板中
|
1
2
3
4
5
6
|
<?php
if
( has_post_thumbnail() ) {
// check if the post has a Post Thumbnail assigned to it.
the_post_thumbnail();
}
?>
<?php the_content(); ?>
|
可以調用不同尺寸的圖片
|
1
2
3
4
5
6
7
8
|
the_post_thumbnail();
// 無參數，默認調用Thumbnail
the_post_thumbnail(
'thumbnail'
);
// Thumbnail (默認尺寸 150px x 150px max)
the_post_thumbnail(
'medium'
);
// Medium resolution (default 300px x 300px max)
the_post_thumbnail(
'large'
);
// Large resolution (default 640px x 640px max)
the_post_thumbnail(
'full'
);
// Full resolution (original size uploaded)
the_post_thumbnail(
array
(100,100) );
// Other resolutions
|
如何從后台修改縮略圖尺寸
訪問后台>>設置>>媒體，縮略圖大小這一項就是特色圖像（Featured Image or Thumbnail）的尺寸，也就是the_post_thumbnail()不加參數時調用的圖片的尺寸。根據需要修改其參數即可。上傳圖片時WordPress會自定生成這個尺寸的圖片。
為文章添加特色圖片的三種方法
編輯文章時我們有三種方式添加特色
1. 上傳圖片時點擊“作為特色圖像”進行設置，如下圖所示，點擊后顯示“完成”即表示設置成功。設置好的特色圖像會在右側欄目中顯示出來。
2. 點擊右側欄目中的特色圖像設置，如下圖所示，點擊“設置特色圖像”按鈕后彈出與方法一一樣的界面，設置方法也相同
3. 如果你沒有用上述兩種方法設置，那么你也許希望從文章中已經存在的圖片中選取一張作為特色圖像，WordPress考慮的很周到，你可以輕松選擇文中已有的圖像。
點擊右側工具欄的設置特色圖像按鈕，彈出如下所示對話框，選項卡切換到相冊，就可以看到所有文中已經插入的圖片，點擊顯示就會出現和方法一一樣的界面，照着方法一設置即可。
WordPress 3.5新特性
WordPress 3.5的媒體上傳工具界面友好，簡單易懂，性能更強，有了脫胎換骨的變化，如果你還沒有升級，趕快准備一下吧。
WordPress 3.5下設置特色圖像更加簡單，圖像以縮略圖列表形式呈現，要設置哪個為特色圖像，只需輕輕一點，被設置為特色圖像的圖片會打上√。
通過下拉列表可以查看媒體庫所有文件，也可以只查看當前文章的附件。搜索功能更加強大，只需要鍵入關鍵詞，就會以無刷新頁面的方式呈現搜索結果。
特色圖像的應用
特色圖像可以用到很多地方，例如
- 首頁幻燈片
- 作為特色內容（Featued Post）的縮略圖
- 本站應用特色圖像做相關文章的縮略圖，看看下面就知道效果了。
轉：
http://www.solagirl.net/how-to-setup-featured-image-in-wordpress.html