如果 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 中使用？我只想让侧边栏有一个纯色背景，延伸全高和全宽，但容器和行设置为将内容调整为仅 1170px，但如果侧边栏是，我希望侧边栏是全高和右侧颜色如果侧边栏在左侧，则在右侧和左侧。

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-rows 的背景：

CSS

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