WordPress如何在文章列表编辑特色图像

WordPress如何在文章列表编辑特色图像

在文章列表编辑特色图像,看到这句话大概就知道今天要分享的是什么功能了。

具体效果如下图所示:

这是一个非常实用的功能,它能使我们在WordPress后台编辑文章时方便很多。

如果你的主题不支持缩略图请首先在functions.php中添加

//开启文章缩略图

add_theme_support( 'post-thumbnails' );

首先我们在后台文章列表添加数组, 复制下面的代码到你的functions.php中。

/*
 * 添加数组到文章列表
 */
add_filter('manage_post_posts_columns', 'lb_featured_image_column');
function lb_featured_image_column( $column_array ) {
	$column_array = array_slice( $column_array, 0, 1, true )
	+ array('featured_image' => '特色图像')
	+ array_slice( $column_array, 1, NULL, true );
 
	return $column_array;
}
 
/*
 * 使用钩子完善数组
 */
add_action('manage_posts_custom_column', 'lb_render_the_column', 10, 2);
function lb_render_the_column( $column_name, $post_id ) {
	if( $column_name == 'featured_image' ) {
		if( has_post_thumbnail( $post_id ) ) {
			$thumb_id = get_post_thumbnail_id( $post_id );
			echo '';
		} else {
			echo '';
		}
	}
}

然后,我们添加一些CSS样式来美化数组。

add_action( 'admin_head', 'lb_custom_css' );
function lb_custom_css(){
 
	echo '';
 
}

完成以上步骤后,在后台文章就可以查看效果了。

WordPress如何在文章列表编辑特色图像

接下来添加JS代码使特色图像可以快速编辑和更新,首先排队加载WordPress默认上传:

add_action( 'admin_enqueue_scripts', 'lb_include_myuploadscript' );
function lb_include_myuploadscript() {
	if ( ! did_action( 'wp_enqueue_media' ) ) {
		wp_enqueue_media();
	}
}

然后在后台文章页面添加快速编辑字段:

add_action('quick_edit_custom_box',  'lb_add_featured_image_quick_edit', 10, 2);
function lb_add_featured_image_quick_edit( $column_name, $post_type ) {
 
	if ($column_name != 'featured_image') return;
	echo '';
 
}

最后就是更新保存了,添加下面代码即可。

add_action('admin_footer', 'lb_quick_edit_js_update');
function lb_quick_edit_js_update() {
 
	global $current_screen;
	if (($current_screen->id != 'edit-post') || ($current_screen->post_type != 'post'))
		return;
 
		?>

这篇WordPress如何在文章列表编辑特色图像的教程到此就结束。

下载提示 RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统

发表评论

提供最优质的资源集合

立即查看 了解详情