Question

我正在使用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文件会很棒。有谁知道一个好的选择？

Answer 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'];?>;
}
...

如果您这样做，可以将其与<link rel="stylesheet" type="text/css" href="css/style.php">

中的header.php相关联

Answer 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>';
?>

Answer 3

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

或者您可以使用输出参数直接在头标记http://docs.reduxframework.com/redux-framework/the-basics/output-2/

中输出自定义css

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

用php文件生成css文件

3 个答案: