html - 如果 wordpress 上不存在侧边栏，则删除 css

Question

这对于背景颜色应用程序来说有点奇怪，我有这个主要结构

<section class="main-row">
    <div class="container">
        <div class="row">
            <div id="primary" class="col-sm-12 content-area">
</div>
<div id="secondary" class="col-sm-4 sidebar widget-area">
<div>
</div>
</div>
</section>

在主行上，我应用了一个 css 编辑媒体查询以沿途调整宽度:

.main-row {
  padding: 70px 0;
/* background: linear-gradient( to right, #ffffff 0%, #ffffff 62%, #f0f0f0 38%, #f0f0f0 100% ); */
}

现在如果有侧边栏就可以了，但是如果整页我想删除背景以使其仅为纯白色，在 php 中是否可行？我只想让侧边栏有一个纯色背景，延伸整个高度和宽度，但容器和行设置为将内容调整为仅 1170 像素，但如果侧边栏是如果侧边栏在左边，则在右边和左边。

Answer 1

如果模板使用侧边栏，请使用 body_class 过滤器向主体添加类(将 my-sidebar-template.php 替换为您的侧边栏模板名称) :

add_filter('body_class', 'sidebar_template_class');
function sidebar_template_class($classes){
  if(get_page_template_slug(get_the_ID()) == 'my-sidebar-template.php')
      $classes[] = 'has-sidebar';

  return $classes;
}

使用 CSS 删除作为 body.has-sidebar 后代的任何 .main-row 的背景:

CSS

.main-row {
    background: linear-gradient( to right, #ffffff 0%, #ffffff 62%, #f0f0f0 38%, #f0f0f0 100% );
}
.has-sidebar .main-row{
    background: none;
}