如何删除 Blogger 中博客文章以外的页面上的侧边栏?
How to remove sidebar on pages other than blog posts in Blogger?
我正在从头开始创建 Blogger 主题,但遇到了这种情况,我需要从除博客帖子 (a.k.a."item") 之外的所有其他页面中删除侧边栏。我已经看到所有关于此的问题,但他们建议使用 css 来完成。我只是想知道,有没有什么方法可以不在客户端加载侧边栏,而不是加载然后使其不可见。
我一直在尝试使用的概念是这样的,
<html>
<head></head>
<body>
<header></header>
<b:if cond='data:blog.pageType == "item"'>
<main class='container item-wrapper'>
<div class='row'>
<section class='content-wrapper col col s9 m9 l9'>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<main class='container'>
<div class='row'>
<section class='content-wrapper col col s12 m12 l12'>
</b:if>
</b:if>
</section>
<b:if cond='data:blog.pageType == "item"'>
<section class='content-wrapper col col s3 m3 l3'>
</section>
</b:if>
</div>
</main>
<footer></footer>
</body>
</html>
问题是,这个 if-else 块似乎不起作用,我不知道为什么我在浏览器中检查时得到两个不同的 块。
其次,如果我尝试使用 CSS/Javascript,我将不得不将内容包装大小从 s9 更改为 s12。但这样做将是最后的选择。
试试这个
<html>
<head></head>
<body>
<header></header>
<main expr:class='data:blog.pageType == "item" ? "container item-wrapper" : "container"'>
<div class='row'>
<section expr:class='data:blog.pageType == "item" ? "content-wrapper col col s9 m9 l9" : "content-wrapper col col s12 m12 l12"'></section>
<b:if cond='data:blog.pageType == "item"'>
<section class='content-wrapper col col s3 m3 l3'></section>
</b:if>
</div>
</main>
<footer></footer>
</body>
</html>
我正在从头开始创建 Blogger 主题,但遇到了这种情况,我需要从除博客帖子 (a.k.a."item") 之外的所有其他页面中删除侧边栏。我已经看到所有关于此的问题,但他们建议使用 css 来完成。我只是想知道,有没有什么方法可以不在客户端加载侧边栏,而不是加载然后使其不可见。
我一直在尝试使用的概念是这样的,
<html>
<head></head>
<body>
<header></header>
<b:if cond='data:blog.pageType == "item"'>
<main class='container item-wrapper'>
<div class='row'>
<section class='content-wrapper col col s9 m9 l9'>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<main class='container'>
<div class='row'>
<section class='content-wrapper col col s12 m12 l12'>
</b:if>
</b:if>
</section>
<b:if cond='data:blog.pageType == "item"'>
<section class='content-wrapper col col s3 m3 l3'>
</section>
</b:if>
</div>
</main>
<footer></footer>
</body>
</html>
问题是,这个 if-else 块似乎不起作用,我不知道为什么我在浏览器中检查时得到两个不同的
其次,如果我尝试使用 CSS/Javascript,我将不得不将内容包装大小从 s9 更改为 s12。但这样做将是最后的选择。
试试这个
<html>
<head></head>
<body>
<header></header>
<main expr:class='data:blog.pageType == "item" ? "container item-wrapper" : "container"'>
<div class='row'>
<section expr:class='data:blog.pageType == "item" ? "content-wrapper col col s9 m9 l9" : "content-wrapper col col s12 m12 l12"'></section>
<b:if cond='data:blog.pageType == "item"'>
<section class='content-wrapper col col s3 m3 l3'></section>
</b:if>
</div>
</main>
<footer></footer>
</body>
</html>