Wordpress主题技巧

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

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

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

featured-image-column-wpdaxue_com

实现的方法很简单,使用 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主题技巧

更多有关于 Wordpress主题技巧

V9火车采集器,快速入门!

塔克网整站模板 安装使用指南

WordPress如何备份网站数据库和文件?WordPress整站搬家操作流程。

WordPress网站安全设置教程

国外英文广告联盟网站模板,WordPress主题整站演示地址列表

WordPress主题开发:开启文章缩略图功能

WordPress 自定义头像插件:WP User Avatar

WordPress 后台管理界面UI自定义插件:WP Admin UI Customize

WordPress 自定义文章/页面阅读权限的插件:User Specific Content

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2016 Tadke.com. Powered by Wordpress.