0

所以我正在为我的 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 动态分配颜色。

4

1 回答 1

0

更新。我手动将颜色作为字段输入,并将关系作为类型。

于 2020-06-01T16:52:29.907 回答