最新公告
  • 欢迎您光临琉璃资源网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • WordPress如何在文章列表编辑特色图像

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

    具体效果如下图所示:

    1585387969-c0b82a3c07e0d14

    这是一个非常实用的功能,它能使我们在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 '<img data-id="' . $thumb_id . '" src="' . wp_get_attachment_url( $thumb_id ) . '" />';
    		} else {
    			echo '<img data-id="-1" src="' . get_stylesheet_directory_uri() . '/placeholder.png" />';
    		}
    	}
    } 

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

    add_action( 'admin_head', 'lb_custom_css' );
    function lb_custom_css(){
     
    	echo '<style>
    		#featured_image{
    			width:120px;
    		}
    		td.featured_image.column-featured_image img{
    			max-width: 100%;
    			height: auto;
    		}
     
    		/* some styles to make Quick Edit meny beautiful */
    		#lb_featured_image .title{margin-top:10px;display:block;}
    		#lb_featured_image a.lb_upload_featured_image{
    			display:inline-block;
    			margin:10px 0 0;
    		}
    		#lb_featured_image img{
    			display:block;
    			max-width:200px !important;
    			height:auto;
    		}
    		#lb_featured_image .lb_remove_featured_image{
    			display:none;
    		}
    	</style>';
     
    } 

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

    1585387982-83c1daecbb9ccd3
    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!liuli9@vip.qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!

    琉璃资源网 » WordPress如何在文章列表编辑特色图像

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。