用php文件生成css文件

我正在使用redux框架构建一个wordpress主题选项页面。我在我的style.php文件中读取了所有数据, 并将在de header中包含该文件, 以便加载自定义的CSS。

style.php：

<?php
?>
body {
    background-color:<?php global $variable; echo $variable['color-background'];?>;
    font-family:<?php global $variable; echo $variable['typography6']['font-family'];?>;
}

a {
    color: <?php global $variable; echo $variable['link-color']['regular'];?>;
}

<?php
?>

header.php：

<style>
<?php require_once('css/style.php');?>
</style>

现在, 所有杂乱的内容都出现在我的网站顶部。如果它自动生成一个css文件, 那就太好了。有人知道一个不错的选择吗？

#1

你可以通过编写header(” Content-type：text / css”);将PHP文件定义为CSS文件。在开始时。

<?php
header("Content-type: text/css");
?>
body {
    background-color:<?php global $variable; echo $variable['color-background'];?>;
    font-family:<?php global $variable; echo $variable['typography6']['font-family'];?>;
}
...

如果这样做, 可以将其与header.php中的<link rel =” stylesheet” type =” text / css” href =” css / style.php”>链接

#2

<?PHP
echo '<style>';
?>

body {
background-color:<?php global $variable; echo $variable['color-background'];?>;
font-family:<?php global $variable; echo $variable['typography6']['font-family'];?>;
}

<?PHP
echo '</style>';
?>

#3

Redux Framework已经具有内置功能, 可以使用字段数组配置http://docs.reduxframework.com/redux-framework/advanced/integrating-a-compiler/中的编译器参数动态更新css文件

或者, 你可以使用输出参数直接在head标签http://docs.reduxframework.com/redux-framework/the-basics/output-2/中输出自定义css

我正在使用第一个选项, 并将通过wp_enqueue_style本机wp函数生成的css文件排队。