Vamos a ver como modificar estilos del Personalizador de WordPress o WordPress Customizer.
Esta necesidad nos puede surgir por diferentes motivos, en mi caso, voy a ocultar una de las secciones con “display:none”
La manera más sencilla de hacer esto, es usando la acción de WordPress “customize_controls_print_styles”
<?php
function my_customizer_styles () { ?>
<style>#accordion-section-colors{display: none;}</style> <?php }
add_action ( 'customize_controls_print_styles' , 'my_customizer_styles' , 999 );
?>
Vamos a explicar un poco estas líneas de código:
- En la primera línea creamos una función.
- En la segunda, añadimos nuestras reglas CSS.
- En la tercera ponemos en cola los estilos personalizados
Esta es manera vale perfectamente si lo que queremos es hacer un par de modificaciones, pero si queremos meter mucho código CSS, lo correcto sería cargar un hoja de estilos externa.
<?php
function my_enqueue_customizer_stylesheet() {
wp_register_style( 'my-customizer-css', get_template_directory_uri() . 'inc/customizer.css', NULL, NULL, 'all' );
wp_enqueue_style( 'my-customizer-css' );
}
add_action( 'customize_controls_print_styles', 'my_enqueue_customizer_stylesheet' );
?>
En este código lo que estamos haciendo es cargar una hoja de estilos propia que está en el directorio /inc dentro de mi tema para que estos estilos modifiquen el Personalizador de WordPress.