隐藏多余内容 - wordpress B2 主题美化

再好用的主题也难免多余一些元素，通过这一页的教程，您可以便捷的隐藏一些 B2 主题页面中多余的元素

最后更新于 2025-06-07

本页目录10 节

再好用的主题也难免多余一些元素，通过这一页的教程，您可以便捷的隐藏一些 B2 主题页面中多余的元素。

请按需将以下代码添加主题主题的 style.css 文件底部。

隐藏页眉：

1
/*
2
 *隐藏页眉
3
 */
4
.header-banner{display: none;}

1
.module-sliders .box {
2
    border: 0px solid #fff;
3
}

1
.bigcarousel-cell::after {
2
display: none;
3
}

1
.post-list-item:hover .post-list-meta-box {
2
    display: none;
3
}

1
/*
2
 *隐藏移动端底部菜单
3
 */
4
@media screen and (max-width: 768px){
5
    .mobile-footer-menu.footer-fixed {
6
    display: none;
7
    }
8
}

1
/*
2
 *隐藏侧栏第一个二维码
3
 */
4
 .bar-qrcode-box ul li:first-child {
5
    display: none;
6
 }

1
/*隐藏模块间的虚线*/
2
.b2_gap > li {
3
border-bottom: 0px;
4
border-right: 0px;
5
box-shadow: 0px 0px 0px #f0f0f2;
6
}

如果您安装并配置了推荐的YARPP插件，您会可能需要这个。

1
/*
2
 *隐藏日志页陆格猜你喜欢
3
 */
4
.related-posts{
5
  display: none;
6
}

1
.vip-top {
2
display: none;
3
}

关于 B2 主题更多有趣的内容：