Ajouter du CSS additionnel sous WordPress

L'ajout de code CSS personnalisé est une fonctionnalité native de WordPress 4.7. En utilisant l'outil de personnalisation communément appelé le Customizer, il est possible d'injecter des propriétés CSS avec la prévisualisation en temps réel.

Pour ajouter vos lignes de code CSS, rendez-vous dans Apparence puis Personnaliser. Remarquez la présence du panneau intitulé CSS additionnel. C’est ici que vous devez coller votre code CSS.

Quelques remarques complémentaires toutefois :

  • Limitez-vous à quelques lignes seulement : cet outil n’a pas vocation à remplacer une véritable feuille de styles et ce, pour des raisons évidentes liées à la performance. Pour modifier en profondeur votre code CSS, utilisez un thème enfant ;
  • Les données sont propres au thème actif. En cas de changement de thème, le code personnalisé ne sera donc pas appliqué ;

En tant que développeur, il n’est guère utile de fournir une telle fonctionnalité dans le cadre d’un projet client. Vous pouvez donc désactiver ce panneau à l’aide de ce bout de code que l’on injectera dans un mu-plugins de préférence :

function wpc_remove_css_section($wp_customize) {
	$wp_customize->remove_section('custom_css');
}
add_action('customize_register', 'wpc_remove_css_section', 15);

La personnalisation en temps réel du code CSS n’a rien de révolutionnaire… déjà présente depuis plus d’un an sur notre thème premium ONE.

4 commentaires

  1. Cédric

    Bonjour,

    J’ai une question concernant votre article sur le CSS additionnel WordPress. Je trouve souvent un champ dans les options des thèmes premium que j’utilise qui permet de surcharger le CSS de base du thème WordPress. Je me demande par conséquent si ce champ « CSS personnalisé » correspond à la même méthode présentée ici pour ajouter du CSS additionnel sur WordPress ?

    1. Aurélien Denis auteur de l’article

      Hello, oui c’est la même approche et comme elle était populaire elle a été introduite dans le Customizer de la 4.7.

      P.S : il n’est pas autorisé d’utiliser un nom de domaine avec WordPress à l’intérieur.

Laisser un commentaire

Thèmes & Plugins
Premium By WP Channel

WP Alacarte propose des produits et services de qualité
made in France pour la plateforme WordPress.

Tout est prêt pour créer votre site à la carte !

  • Thèmes et extensions premium
  • Facilité d’utilisation garantie
  • Temps de chargement optimisé
  • Personnalisation avancée
Découvrir

Rejoignez la communauté WordPress !

Faites partie de l’aventure en devenant membre d’une association WordPress. Conférences, ateliers, BarCamp, WordCamp… Venez
partager votre passion pour WordPress !

Aurélien DENIS,
président des associations WordPress Francophone et WPMX