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

文章介绍

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

效果展示图:

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

WordPress子比主题在保留侧边栏的前提下首页的主内容显示一行两篇文章

将下面的代码(删掉<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)

WordPress子比主题在保留侧边栏的前提下让首页主内容,通过模块配置添加的多栏目文章小工具,显示卡片一行4个

将下面的代码(删掉<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)

WordPress子比主题在不保留侧边栏的前提下让分类页面显示卡片一行6个

将下面的代码(删掉<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>
温馨提示:本文最后更新于2024-03-24 13:07:32,某些文章具有时效性,若有错误或已失效,请在下方留言或联系站长
www.52758.cn
喜欢就支持一下吧
点赞5赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容