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>

并向其中添加这一行，如果 post 包含您选择的标签，这将设置自定义 class。

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

然后您可以使用 css

自定义它

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

BLOGGER Emporio 根据标签给颜色

BLOGGER Emporio give color based on label

blogger

blogger-dynamic-views