Question

我正在从头开始创建Blogger主题，并陷入这种情况，在这种情况下，我需要从博客文章（也称为“项目”）以外的所有其他页面中删除边栏。我已经看到了与此有关的所有问题，但他们建议使用CSS来解决。我只是想知道，有什么方法可以不在客户端加载侧边栏，而不是先加载后使其不可见。

我一直在尝试使用的概念是这个

<html>
<head></head>
<body>
    <header></header>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      &lt;main class=&#39;container item-wrapper&#39;&gt;
        &lt;div class=&#39;row&#39;&gt;
          &lt;section class=&#39;content-wrapper col col s9 m9 l9&#39;&gt;
    <b:else/>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
      &lt;main class=&#39;container&#39;&gt;
        &lt;div class=&#39;row&#39;&gt;
          &lt;section class=&#39;content-wrapper col col s12 m12 l12&#39;&gt;
    </b:if>
    </b:if>

          &lt;/section&gt;

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <section class='content-wrapper col col s3 m3 l3'>
          </section>
    </b:if>
        &lt;/div&gt;
     &lt;/main&gt;

    <footer></footer>
</body>
</html>

问题是，这个if-else块似乎不起作用，我也不知道为什么在浏览器中进行检查时会得到两个不同的

块。

第二，如果我尝试使用CSS / Javascript，则必须将内容包装大小从s9更改为s12。但是这样做将是最后的选择。

Answer 1

尝试一下

<html>
<head></head>
<body>
    <header></header>

    <main expr:class='data:blog.pageType == &quot;item&quot; ? &quot;container item-wrapper&quot; : &quot;container&quot;'>
      <div class='row'>
        <section expr:class='data:blog.pageType == &quot;item&quot; ? &quot;content-wrapper col col s9 m9 l9&quot; : &quot;content-wrapper col col s12 m12 l12&quot;'></section>

        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <section class='content-wrapper col col s3 m3 l3'></section>
        </b:if>
      </div>
    </main>

    <footer></footer>
</body>
</html>

如何删除Blogger中博客文章以外的页面上的侧边栏？

1 个答案: