Ajouter du css custom dans le back office

Type de snippet : CSS

Pour modifier ou ajouter du CSS au niveau du back office :

Créer une feuille de style externe par exemple /assets/css/custom-css-bo.css

Ensuite la façon d’enregistrer cette nouvelle feuille de style dépend du thème qu’on utilise, ou si on souhaite mettre ça dans un plugin.

Si on est dans un thème que l’on a créé soi même, dans functions.php ajouter :

<?php
function my_css_bo() {
  wp_register_style( 'custom_admin_styles', get_template_directory_uri() . '/assets/css/custom-css-bo.css', array(), '1.0.0' );
  wp_enqueue_style( 'custom_admin_styles' );
}
add_action( 'admin_enqueue_scripts', 'my_css_bo' );

Si on utilise un thème du repository ou acheté sur une plateforme, on ajoute ça dans functions.php de son thème enfant :

<?php
function my_css_bo() {
  wp_register_style( 'custom_admin_styles', get_stylesheet_directory_uri() . '/assets/css/custom-css-bo.css', array(), '1.0.0' );
  wp_enqueue_style( 'custom_admin_styles' );
}
add_action( 'admin_enqueue_scripts', 'my_css_bo' );

On peut aussi ajouter cette « customisation css » du BO sous forme de plugin, on enregistre donc encore la feuille de style différemment :

<?php
function my_css_bo() {
  wp_register_style( 'custom_admin_styles', plugin_dir_url( __FILE__ ) . '/assets/css/custom-css-bo.css', array(), '1.0.0' );
  wp_enqueue_style( 'custom_admin_styles' );
}
add_action( 'admin_enqueue_scripts', 'my_css_bo' );