自定义页面模板无法识别在<head>中定义的CSS变量

时间:2019-09-23 20:49:30

标签: php css wordpress

我正在使用“高级自定义字段”来控制网站上的颜色。 CSS变量在头部的Tag中声明,可以使用PHP变量。它在主页(front-page.php)上运行正常,但在impressum-page.php

上不起作用

按照加载bootstrap/style.css/wp_head()的顺序播放。 Styles.css可以在impressum-page.php上运行,但不能在CSS变量上运行。

<head>

    <?php 
        $main_color = get_field('main_color');
        $secondary_color = get_field('secondary_color');
        $background_color = get_field('background_color');  
    ?>
    <style>
    :root {
        --primary-color: <?php echo $main_color; ?>;
        --primary-color-background: <?php echo $secondary_color; ?>;
    }

    body {
        background-color: <?php echo $background_color; ?>;
    }
    </style>

1 个答案:

答案 0 :(得分:0)

只需解决它...数据便被称为get_field()的高级自定义字段函数获取。作为第二个参数,您必须输入来源的帖子ID,否则默认为活动的帖子。