如何从高级自定义字段颜色选择器动态设置滑块革命中的文本层/div的背景颜色?

Question

OUTLINE:我想根据用户在文章

上的图片颜色动态设置文本图层/div的背景颜色我有一个div使用滑块革命(SR)的文本图层。滑块显示来自"事件"的帖子。- a自定义帖子类型。

这个div的背景需要根据用户(event_background_color)在自定义Post Type中设置的ACF字段的背景颜色来改变。

在SR中，我有如下代码的文本层内容:

<div class="primary-background"></div>

和在WordPress定制-额外的CSS我有:

.primary-background {
background-color: <?php the_field('event_main_color'); ?>;
}

然而，上面的一个明显的问题是php不能被css解析。

我也试过;

<div style="background-color:{{meta:event_main_color}};" class="primary-background"></div>

但无济于事。

如果有人能给我指出正确的方向，我将非常感激!

Answer 1

编辑

你有没有试过在html中添加样式标签，也许在header.php文件中?

<style>
.primary-background {
background-color: <?php the_field('event_main_color'); ?>;
}
</style>