blogger - BLOGGER Emporio 根据标签提供颜色

Question

在主页中尝试根据标签提供颜色 .feed-view .post-wrapper .snippet-thumbnail-container。例如对于标签“Italiano”背景颜色：红色和标签“英语”背景颜色：蓝色，

<b:if cond='data:view.isHomepage'><style>.feed-view .post-wrapper .snippet-thumbnail-container{background-color:red!important}</style></b:if>

使用此代码，主页中的所有缩略图都会变红，但是当我添加标签条件时...

<b:if cond='data:view.isHomepage and data:post.labels any (l =&gt; l.name == &quot;Italiano&quot;)'><style>.feed-view .post-wrapper .snippet-thumbnail-container { background-color: red !important}</style></b:if>

使用此代码根本没有颜色。我的错误在 post.labels 条件下，但我无法准确找到错误所在。

最后只有我的主页应该是这样的：

Answer 1

在主题中搜索以下代码（可能会出现多次，您可以全部更新，或者继续测试直到找到您需要更新的代码）：

<b:includable id='postWrapperClasses'>
  <b:class cond='data:post.featuredImage' name='image'/>
  <b:class cond='not data:post.featuredImage' name='no-image'/>
  <b:class cond='data:post.labels and not data:post.labels.empty' name='has-labels'/>
</b:includable>

并将这一行添加到其中，如果帖子包含您选择的标签，这将设置一个自定义类。

<b:class cond='data:post.labels any l => l.name == "Italiano"' name='SOME-CLASS'/>

然后你可以使用 css 自定义它

.SOME-CLASS .snippet-thumbnail-container {
    background: red !important;
}