预计阅读时间: 4 分钟

The7在The7.1版本,Archive相关博客分类都是列表显示的。对我们中国人来说还是比较正常的。The7.2、The7.3开始,Archive博客分类是网格显示的.
彻底解决The7博客分类列表显示的方法如下:

1:打开functions.php新增钩子

//一列显示的博客数量
add_action( 'get_header', 'dt_archive_layout', 10 );
function dt_archive_layout() {
$config = Presscore_Config::get_instance();
if(is_archive() || is_category() ){
//显示的列数,1则为列表显示
$config->set( 'template.columns.number', '1' );
$config->set( 'post.preview.width.min', '200' );
$config->set( 'image_layout', 'resize' );
//博客特色图像缩略图比例
$config->set( 'thumb_proportions', array( "width" => "1", "height" => "1" ) );
}
}

2:添加css

.post.bg-on{
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #e9ebec;
border-left: none;
border-right: none;
border-top: none;
padding-bottom: 24px;
margin-bottom: 35px;
}
.layout-masonry .blog-content.wf-td, .layout-masonry .blog-media.wf-td, .iso-grid .blog-content.wf-td, .iso-grid .blog-media.wf-td, .media-wide .blog-content.wf-td, .media-wide .blog-media.wf-td, .iso-container .blog-media.wf-td, .iso-container .blog-content.wf-td, .shortcode-blog-posts .wf-td{
display: table-cell;
}
.archive .blog-media {
width: 25% !important;
margin-right: 15px;
}
.archive .blog-content {
width: 73% !important;
}

现在,我们看看实现的效果
2 彻底解决 The7.3 Archive博客分类列表显示问题

此文章对你有帮助吗? 已有 1 人说这篇文章是有用的。