Agregar dinámicamente CSS al editor visual
-
22-10-2019 - |
Pregunta
Creé una página de opciones para mi tema, donde puedo editar manualmente el CSS.
Digamos que cambio el CSS en la página de opciones para el <H1>
Etiqueta, por lo que ahora lo cambiará en el front-end.
Lo que también quiero hacer es que cambie en el editor visual.
He agregado la función
add_editor_style(style.php);
y en el style.php
Lo tengo diciendo en la parte superior
<?php
header('Content-type: text/css');
?>
Entonces reconoce el archivo. Pero ahora no puedo obtener las opciones dinámicamente ...
¿Cómo debo lograr esto?
EDITAR
Esto está en las funciones.
add_filter( 'mce_css', 'cnote_visual_css' );
function cnote_visual_css() {
return get_bloginfo('template_directory') . '/cnotethegr8/global-style.php';
}
Esta es la hoja de estilo global
<?php
header('Content-type: text/css');
global $shortname;
?>
h1 { <?php echo(get_option($shortname.'_style_h1')); ?> }
Cuando me hago eco $ Shortname Nothing Shows ...
Solución
La razón por la cual esto no funciona es porque el núcleo de WordPress no se carga cuando se carga esta hoja de estilo dinámico. get_option()
aún no se ha definido.
Lo que necesita hacer es cargar WordPress en la parte superior de su hoja de estilo dinámico:
<?php
include("../../../wp-load.php");
?>