如何在WordPress后臺文章管理列表顯示特色圖像（Featured Image）

特色圖像（featured image）是WordPress 3.0+ 的一個不錯的功能，允許你給文章設(shè)置一個圖片作為它的縮略圖顯示。了解下什么是特色圖像。為了直觀地了解每篇文章的特色圖像是什么，倡萌建議在WordPress后臺文章管理列表顯示每篇文章的特色圖像，如下圖所示：

實(shí)現(xiàn)的方法很簡單，使用 Featured Image Column 插件即可。在后臺插件安裝界面搜索 Featured Image Column 即可在線安裝，或者下載 Featured Image Column

啟用該插件后，你就會發(fā)現(xiàn)在后臺文章管理列表多出了一欄顯示特色圖像。

如果你希望沒有特色圖像時在后臺文章列表顯示默認(rèn)的圖像，可以在主題的 functions.php 中添加下面的代碼：

function my_custom_featured_image_column_image( $image ) {
    if ( !has_post_thumbnail() )
        return trailingslashit( get_stylesheet_directory_uri() ) . 'images/featured-image.png';
}
add_filter( 'featured_image_column_default_image', 'my_custom_featured_image_column_image' );

然后將 名為 featured-image.png 的圖片上傳到當(dāng)前主題下的 images 文件夾里。

如果你希望自定義后臺文章列表中的特色圖像大小，可以在當(dāng)前主題的 functions.php 中添加下面的代碼：

/**
 * @use '.featured-image.column-featured-image img {}'
 */
function my_custom_featured_image_css() {
    return trailingslashit( get_stylesheet_directory_uri() ) . 'css/featured-image.css'; //css文件的URL
add_filter( 'featured_image_column_css', 'my_custom_featured_image_css' );

然后將名為 featured-image.css 的CSS文件上傳到當(dāng)前主題下的 css 文件夾。

以下是插件默認(rèn)添加的css代碼，你可以將其添加到 featured-image.css 并進(jìn)行修改：

th#featured-image,
td.featured-image.column-featured-image {
	max-height: 50px;
	max-width: 50px;
	width: 50px;
}
.featured-image.column-featured-image img {
	max-height: 32px;
	max-width: 36px;
	-ms-interpolation-mode: bicubic;
}