我正在使用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 =http://www.srcmini.com/” 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>
';
?>
#3Redux Framework已经具有内置功能, 可以使用字段数组配置http://docs.reduxframework.com/redux-framework/advanced/integrating-a-compiler/中的编译器参数动态更新css文件
或者, 你可以使用输出参数直接在head标签http://docs.reduxframework.com/redux-framework/the-basics/output-2/中输出自定义css
【用php文件生成css文件】我正在使用第一个选项, 并将通过wp_enqueue_style本机wp函数生成的css文件排队。
推荐阅读
- 在页面模板中按类别获取自定义帖子类型
- 通过CSS/jQuery生成WordPress粘性页脚
- 表单操作-自定义网址
- 找不到函数”parent_theme_locations”或函数名称无效
- 过滤” the_content”,但带有高级自定义字段
- 过滤”当前菜单项”类以使用”活动”
- 致命错误(在WordPress中调用index.php中未定义的函数add_filter())
- 致命错误(在非对象上调用成员函数check_capabilities())
- 在WordPress Post中执行php代码