所以我正在为我的 WordPress 网站使用 Pod 插件。我想使用魔术标签来显示 pod 的自定义分类。
小背景资料:
- 我有 2 个豆荚(项目和计划)
- 我在 Projects 中有字段可以选择一个程序(每个项目属于一个 Programmme)
- 在我的 Program Pod 中,我有一个名为“颜色”的自定义分类法。(基本上我的 CSS 需要这个)
所以我使用 pod 模板来显示我最近的项目。但是我想在发布每个项目时在侧面分配一条自定义颜色线。(见下图)
所以在我的 sass 文件中,我准备了如下代码:
.green-bg{
background-color: #659E80;
}
.mustard-bg{
background-color: #E3A44C;
}
.blue-bg{
background-color: #2B7BBF;
}
我希望分类选择显示在 div 侧线的类中。例如:
<div class="side-line blue-bg"></div>
我希望这是动态的并使用如下魔术标签:
<div class="side-line
[each colour]
{@programme.colour}
[\each]
bg"></div>
此语法无效。这只是我想要实现的一个例子。另一个注意事项是模板是 Pod 引用项目 pod。
最近项目的 Pod 模板:
div class="recent-post-container">
<div class="side-line"></div>
<div class="post-group">
<p class="recent-post-title">{@post_title}</p>
<p class="recent-post-programme">{@programme}</p>
</div>
</div>
请帮忙!如果你能解决这个问题或找到另一种方法,我可以根据正在显示的程序为 div 动态分配颜色。