我如何根据博客中的标签设置 'item' 页面的样式？

Question

我和博主玩了一段时间。我遇到的问题是我需要给 post 'item' 页面一个自定义样式，如果它们有特定的标签。

这就是它需要的工作方式。

这是博客的默认主页： etreeblog.blogspot。 co.uk

但是商店 'LeaValleyWines' 的页面是根据其商店主题定制的。 http://etreeblog.blogspot.co.uk/search/label/LeaValleyWines

我需要的是 post 像这个，标签 'LeaValleyWines'，与 LeaValleyWines 页面具有相同的样式。 http://etreeblog.blogspot.co.uk/2015/01/gift-ideas-from-leavalleywines.html

这将对所有页面继续。

待办事项： -如果 post 没有标签，它必须采用默认主题。 -我需要能够添加尽可能多的带有样式的标签。 - 每个标签都有一个自定义主题，需要编辑整个页面，而不仅仅是 post.

可能有帮助的事情： - 每个 post 都会 'always'，除非不小心，都有一个标签。 - 每个 post 一次只有一个标签。（将其分类到商店中）

如果您对此有任何想法或建议，请回答。

我知道博主 IF 语句，但我不知道如何检查 'item' 页面的标签，只知道如何检查 post 它是自己的。

谢谢！

Answer 1

好吧，我不是大脚本编写者，但我想您可以检查标签容器中的字符串，然后可能将另一个样式表附加到 head-tag，这将执行自定义样式。如果您要更改的只是 CSS。或者，如果脚本在标签中找到特定的字符串，则可以将特定的 class 添加到正文中。这可能比附加另一个样式表更容易。

Answer 2

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;YOUR FIRST LABEL NAME&quot;'>
    <style>
    background-color:#FFF;
    </style>
  </b:if>
  <b:if cond='data:label.name == &quot;YOUR SECOND LABEL NAME&quot;'>
    <style>
    background-color:#000;
    </style>
  </b:if>
 </b:loop>
</b:if>

这会起作用，但必须将其放置在 <b:includable id='post' var='post'> 内的任何位置才能起作用。 <style> 应该放在 <head> 中，但是标签的 <b:loop 不会在头部工作，所以由于博主的限制，你会被迫有点马虎，但它会工作.希望这有帮助。

我如何根据博客中的标签设置 'item' 页面的样式？

How do i style 'item' pages, depending on their tag in blogger?

html

blogger