2014-03-02 2 views
1

나는 redux 프레임 워크를 사용하여 wordpress 테마 옵션 페이지를 만들고 있습니다. 내 style.php 파일에있는 모든 데이터를 읽었고 사용자 정의 CSS가로드되도록 헤더에 해당 파일을 포함합니다.PHP 파일로 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

[내 스타일 시트에서 WordPress 기능을 어떻게 사용할 수 있습니까?] (http://wordpress.stackexchange.com/q/54583) – brasofilo

답변

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

+0

그 문제는 변수없이 CSS 파일을 반환합니다. body { \t background -색깔:; \t font-family :; } { \t 색상 :; } – luukgruijs

+0

이러한 변수는 어디에 정의되어 있습니까? –

+0

이 질문은 원래의 질문에 대한 답변으로 제게 큰 도움이되었습니다. 감사! @luukgruijs : PHP가 빠져있을 수 있습니까? –

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

돌아 오는 프레임 워크는 이미 내장 된 동적 필드 어레이 구성에 컴파일러 인수를 사용하여 CSS 파일을 업데이트하는 기능 http://docs.reduxframework.com/redux-framework/advanced/integrating-a-compiler/

출력 인자를 사용하여 헤드 태그에서 직접 사용자 정의 CSS를 출력 할 수 있습니다. http://docs.reduxframework.com/redux-framework/the-basics/output-2/

첫 번째 옵션을 사용하고 wp_enqueue_style 네이티브 wp 함수를 통해 생성 된 CSS 파일을 큐에 넣습니다.

관련 문제