子比主题保留侧边栏首页主内容显示一行两篇文章或卡片一行显示四个

文章介绍

WordPress子比主题在保留侧边栏的前提下首页的主内容显示一行两篇文章，卡片一行显示4个，分类页面显示6个

效果展示图：

1.WordPress子比主题在保留侧边栏的前提下首页的主内容显示一行两篇文章(页面布局的宽度1500)

将下面的代码（删掉<style>和</style>）放到子比主题-全局功能-自定义css里，如果不生效就放到header.php和footer.php里（保留<style>和</style>）

<style>
@media (min-width: 1500px) {
  .posts-item {
    display: inline-flex;
    width: calc(50% - 16px);
  }
}
</style>

2.WordPress子比主题在保留侧边栏的前提下让首页主内容，通过模块配置添加的多栏目文章小工具，显示卡片一行4个(页面布局的宽度1500)

将下面的代码（删掉<style>和</style>）放到子比主题-全局功能-自定义css里，如果不生效就放到header.php和footer.php里（保留<style>和</style>）

将下面的代码（删掉<style>和</style>）放到主题/子主题的自定义css里，如果不生效就放到header.php和footer.php里（保留<style>和</style>）
<style>
@media only screen and (min-width: 1500px){
.posts-item.card {
    width: calc(23.350% - -3px);
}
}
</style>

2.WordPress子比主题在不保留侧边栏的前提下让首页和分类页面显示卡片一行6个(页面布局的宽度1500)

将下面的代码（删掉<style>和</style>）放到子比主题-全局功能-自定义css里，如果不生效就放到category.php里（保留<style>和</style>）

<style>
@media only screen and (min-width: 1500px){
.posts-item.card {
    width: calc(15.350% - -3px);
}
}
</style>

3.WordPress子比主题在不保留侧边栏的前提下让首页和分类页面显示卡片一行5个(页面布局的宽度1500)

将下面的代码（删掉<style>和</style>）放到主题/子主题的自定义css里，如果不生效就放到header.php和footer.php里（保留<style>和</style>）

<style>
@media only screen and (min-width: 1500px){
.posts-item.card {
width: calc(18.700% - -3px);
}
}
</style>

4.WordPress子比主题在保留侧边栏的前提下让首页和分类页面显示卡片一行5个(页面布局的宽度1500)

将下面的代码（删掉<style>和</style>）放到主题/子主题的自定义css里，如果不生效就放到header.php和footer.php里（保留<style>和</style>）
<style>

<style>
@media only screen and (min-width: 1500px){
.posts-item.card {
    width: calc(18.350% - -3px);
}
}
</style>

5.WordPress子比主题在保留侧边栏的前提下让首页和分类页面显示卡片一行4个(页面布局的宽度1200)

将下面的代码（删掉<style>和</style>）放到主题/子主题的自定义css里，如果不生效就放到header.php和footer.php里（保留<style>和</style>）

<style>
@media only screen and (min-width: 1200px){
.posts-item.card {
width: calc(22.660% - -3px);
}
}
</style>