1

我一直在到处寻找可以让我的网站上的横幅广告仅显示在主页上的代码。现在他们出现在整个网站上，广告商要求我改变它。我没有成功地尝试查找正确的代码，但到目前为止它已被证明是不可能的。我只是想修复 Blogger 和 Wordpress，我需要一些 tumblr 的东西。

任何帮助将非常感激。

谢谢！

4

2 回答 2

1
  1. div仅在主页上输出某些- 不。
  2. 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 步。之后，您将有四个类用于#bannerdiv 的控制演示（显示/隐藏），此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字段的屏幕截图，以展示第二种方法的简单性并让您振作起来。
编辑html按钮自定义 CSS 字段

于 2012-05-21T14:10:55.330 回答
0

你能用javascript只在主页上的页面吗？

于 2012-05-22T03:46:16.353 回答