Crear pagina de opciones de un theme

#1 (**permalink**) 01/04/2013, 18:13

He creado un theme y estoy utilizando Setting API para crear una menu de opciones.

Ya utilice esta API para crear un plugin y no me a resultado díficil crear las opciones y las paginas en el administrador. El problema lo tengo en que no se como utilizar las opciones para modificar el css.

Tengo que usar javascript? o hay alguna otra manera de hacerlo?

ArturoGallegos · #2 (**permalink**) 01/04/2013, 21:36

lo que yo suelo hacer, es detectar el evento submit y crear un archivo css por medio de php... de esa forma basta con vincular el archivo desde el theme

te dejo un codigo de ejemplo

Código PHP:

Ver originalif(isset($_POST["BusinessBlue01_Slideshow_BGColor"])){
    $Slideshow_height = $_POST["BusinessBlue01_Slideshow_height"].'px';
    $Slideshow_BGColor = '#'.$_POST["BusinessBlue01_Slideshow_BGColor"];
    $Slideshow_title = '#'.$_POST["BusinessBlue01_Slideshow_titlecolor"];
    $Slideshow_txt = '#'.$_POST["BusinessBlue01_Slideshow_txtcolor"];
    if($Slideshow_BGColor!=''){
        $archivo = fopen(TEMPLATEPATH . '/custom.css', 'w');
    fwrite($archivo, '.menu li:hover,.menu li.current_page_item{background:'.$Slideshow_BGColor.' url(img/menu-sel.png) bottom center;}#slidetop{background:'.$Slideshow_BGColor.';}#slidetop>ul{height:'.$Slideshow_height.';background:'.$Slideshow_BGColor.' url(img/bg-slide.png) no-repeat;}#slidetop>ul li{color:'.$Slideshow_txt.'}#slidetop h2{color:'.$Slideshow_title.'}');
    }
    else{
        $archivo = fopen(TEMPLATEPATH . '/custom-css.css', 'w');
    fwrite($archivo, '');
    }
    
}

con el código anterior se crea un archivo llamado custom.css dentro de la carpeta del theme, con todo el contenido que requiero para mandarlo llamar justo debajo del archivo principal CSS y así sobrescribir los valores por jerarquía.

para mas referencia checate esta función de php
http://php.net/manual/es/function.fwrite.php

también puedes investigar sobre otros métodos de detectar el evento submit, yo no soy experto y no he tendió tiempo de revisar pero me parece que bastaría con

Código PHP:

Ver originalif(isset($_POST)){

#3 (**permalink**) 02/04/2013, 09:52

La solución que planteas esta bien, podría crear otro archivo css y llamarlo después sobreescribiendo los estilos. Pero creo que tiene que haber (me gustaría que huebiera!) una forma mas eficiente de hacerlo sin añadir un segundo css.

Por cierto, alguien podria decirme si la mejor forma de hacer esto es con wp_enqueue_style?

Y podria ser la Theme Customization API lo que necesito? No acabo de entender muy bien si es para editar el theme o solo previsualizar.

Gracias por tu respuesta ArturoGallegos.

Nekko · #4 (**permalink**) 04/04/2013, 04:14

Yo uso este framework, hay un par dando vueltas muy simples y muy funcionales...

https://github.com/devinsays/options-framework-theme