generate css file with php file

Question

I'm building a wordpress theme options page using the redux framework. I read al the data in my style.php file and i will include that file in de header so the custom css is loaded.

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>

Now its all messy in the head of my website. It would be great if it automatically generates a css file. Does anyone know a good option?

How can I use WordPress functions in my stylesheet?

brasofilo
– brasofilo

2014-03-02 16:13:08 +00:00
Commented Mar 2, 2014 at 16:13 — brasofilo
– brasofilo, Commented Mar 2, 2014 at 16:13

Max Meuten · Accepted Answer · 2014-03-02 16:13:51Z

1

You can define your PHP file as a CSS file by writing header("Content-type: text/css"); at the start.

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

If you do so you can link it with <link rel="stylesheet" type="text/css" href="css/style.php"> in header.php

edited Mar 2, 2014 at 16:13

answered Mar 2, 2014 at 15:40

Max Meuten

1601 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

luukgruijs Over a year ago

the problem with that is that returns an css file without the variables:body { background-color:; font-family:; } a { color: ; }

Max Meuten Over a year ago

Where are these variables defined?

Jonathan Lidbeck Over a year ago

This answers the original question, and worked great for me. Thanks! @luukgruijs: you might be missing a PHP include?

Binier · Accepted Answer · 2014-03-02 16:16:03Z

0

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

answered Mar 2, 2014 at 16:16

Binier

1,1072 gold badges11 silver badges25 bronze badges

Comments

Marlon Amâncio · Accepted Answer · 2014-08-13 23:26:41Z

Redux Framework already has a built-in feature to update css file dynamically using compiler argument in field array configuration http://docs.reduxframework.com/redux-framework/advanced/integrating-a-compiler/

Or you can use output argument to output you custom css directly in head tag http://docs.reduxframework.com/redux-framework/the-basics/output-2/

I'm using the first option and enqueue the css file generated through wp_enqueue_style native wp function.

Collectives™ on Stack Overflow

generate css file with php file

3 Answers 3

3 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Related