Question

我试图在Tumblr上更改标记的页面的样式（如收集所有特定标记的页面 - example）。目前所有标记的页面看起来都一样。这是我使用的代码 -

{block:TagPage}
<div id="sp">
<div class="container">
<div class="row">
<h1 class="main-logo"><a href="/">
<img src="http://static.tumblr.com/bw1wxme/p5cn7shd5/logo_web.png" alt="" />
</a></h1>
</div><!-- row -->
</div><!-- /container -->
</div><!-- /portrwrap -->
{/block:TagPage}

Working example

我试图为某个标记页面使用不同的背景。例如，当您访问/ tagged / shows页面时，它与/ tagged / news页面的背景不同。

与Wordpress不同，我一直无法找到网页ID。我查看了this，但这只会改变帖子的样式，而不是标记的页面。

Answer 1

您可以根据当前标记在body元素上设置'#id'：

<body {block:TagPage}id="{URLSafeTag}"{/block:TagPage} />
...
</body>

当您访问带标记的网页时，tagged/news/ HTML会像这样呈现：

<body id="news" />
...
</body>

这样您就可以更改页面上的所有元素，例如导航。

#news #nav {
   background-color: red;
}

希望有所帮助！

参考：https://www.tumblr.com/docs/en/custom_themes#tag-pages

Tumblr上每个标记页面的不同样式

1 个答案: