如何在WordPress后台文章管理列表显示特色图像(Featured Image)

远处的是风景,近处的才是人生。清澈的空气使大地广漠无垠,把它无限地扩展开去。一切都在往远方同去,而且在召唤人们也到大地的蓝色边沿上去。

特色图像(featured image)是WordPress 3.0+ 的一个不错的功能,允许你给文章设置一个图片作为它的缩略图显示。了解下什么是特色图像。为了直观地了解每篇文章的特色图像是什么,倡萌建议在WordPress后台文章管理列表显示每篇文章的特色图像,如下图所示:

实现的方法很简单,使用 Featured Image Column 插件即可。在后台插件安装界面搜索 Featured Image Column 即可在线安装,或者下载 Featured Image Column

启用该插件后,你就会发现在后台文章管理列表多出了一栏显示特色图像。

如果你希望没有特色图像时在后台文章列表显示默认的图像,可以在主题的 functions.php 中添加下面的代码:

1
2
3
4
5
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' );

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 的图片上传到当前主题下的 images 文件夹里。

如果你希望自定义后台文章列表中的特色图像大小,可以在当前主题的 functions.php 中添加下面的代码:

1
2
3
4
5
6
/**
 * @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' );

/** * @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文件上传到当前主题下的 css 文件夹。

以下是插件默认添加的css代码,你可以将其添加到 featured-image.css 并进行修改:

1
2
3
4
5
6
7
8
9
10
11
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;
}

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; }

以上就是如何在WordPress后台文章管理列表显示特色图像(Featured Image)。人一辈子也无法心心相印,他们孤独的只剩下相印,他们孤独的只剩下肉体和金钱的交换了。所以,请等待那个对你生命有特殊意义的人。更多关于如何在WordPress后台文章管理列表显示特色图像(Featured Image)请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
WordPress站点Gravatar头像前后台不显示的如何解决办法

WordPress做公司官网好吗?会不会显得档次很低?

WordPress主题需要支持https吗?WordPress站点如何如何实现https?

WordPress站点的页面/标签/分类URL地址如何添加.html?

WordPress站点更换了域名后数据库应该如何操作替换新旧域名?