WordPress : Modifier le CSS de l’API Customizer

Salut,

Je veux que Customizermon Themelook soit un peu différent de d’habitude. Par exemple, je veux faire le widthto 400pxau lieu de 300px. Existe-t-il un moyen d’inclure un CSS personnalisé pour cela ?

Merci d’avance!

Solution n°1 trouvée

Vous pouvez certainement utiliser le hook customize_controls_enqueue_scripts pour charger des CSS et JS personnalisés.

Voici un exemple de fabrication du panneau 400px :

Fichier : sample-theme/css/customizer-controls.css

.wp-full-overlay.expanded {
    margin-left: 400px;
}
.wp-full-overlay-sidebar {
    min-width: 400px;
}
.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
    margin-left: -400px;
}

Fichier : sample-theme/functions.php

/**
 * Enqueue style for customized customizer.
 */
 function sample_theme_customize_enqueue() {
     wp_enqueue_style( 'custom-customize', get_theme_file_uri( 'css/sample-theme-customizer-controls.css' ) );
 }

 add_action( 'customize_controls_enqueue_scripts', 'sample_theme_customize_enqueue' );