我一直在到处寻找可以让我的网站上的横幅广告仅显示在主页上的代码。现在他们出现在整个网站上,广告商要求我改变它。我没有成功地尝试查找正确的代码,但到目前为止它已被证明是不可能的。我只是想修复 Blogger 和 Wordpress,我需要一些 tumblr 的东西。
任何帮助将非常感激。
谢谢!
div
仅在主页上输出某些- 不。div
仅在主页上显示某些— 是的,使用 css 片段。div
仅在主页上输出某些内容?Tumblr 只有两种主要类型的页面:
PermalinkPage
IndexPage
IndexPage
包括3个子类型:
TagPage
DayPage
SearchPage
Tumblr 没有else
关于if
块的声明,这就是为什么不可能只在主页上输出横幅广告——它会在其他索引页面上输出。
div
仅在主页上显示某些内容?您可以使用此提示隐藏#banner
广告:css
第 1 步。在您的html的 Tumblr 标记中,将您的标签更改body
为以下代码段:
<body class="
{block:IndexPage} index-page {/block:IndexPage}
{block:TagPage} tag-page {/block:TagPage}
{block:DayPage} day-page {/block:DayPage}
{block:SearchPage} search-page {/block:SearchPage}
">
第 2 步。然后确保#banner
只为索引页输出:
{block:IndexPage} <div id="banner">...</div> {/block:IndexPage}
第 3 步。之后,您将有四个类用于#banner
div 的控制演示(显示/隐藏),此css
代码段必须添加到自定义页面Custom CSS
上的字段:
.index-page #banner {
/* not neccessable, only for tip's logic demonstration */
display: block;
}
.tag-page #banner,
.day-page #banner,
.search-page #banner {
/* hide on all index pages except home index-page */
display: none;
}
注意:这个提示只隐藏div
,不输出。
我发布了Edit HTML
按钮和Custom CSS
字段的屏幕截图,以展示第二种方法的简单性并让您振作起来。
你能用javascript只在主页上的页面吗?