最新公告
  • 欢迎您光临5466,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!进入交流论坛
  • WordPress如何在文章列表编辑特色图像_52弹弹堂-5466shop.cn

    WordPress如何在文章列表编辑特色图像_52弹弹堂-5466shop.cn 最后编辑:2020-08-28

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

    具体效果如下图所示:

    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如何在文章列表编辑特色图像的教程到此就结束了,这篇教程由主题笔记原创,本站为转载。

    猜你喜欢

    猜你在找

    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!7345947@qq.com 2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励! 3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负! 4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
    5466资源网 » WordPress如何在文章列表编辑特色图像_52弹弹堂-5466shop.cn
    • 2020-08-28Hi,初次和大家见面了,请多关照!

    发表评论

    • 283会员总数(位)
    • 35718资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 566稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情