Saviez-vous que vous pouvez modifier le style par défaut de la zone d'administration de WordPress ? Vous pouvez le faire en remplaçant l'ancienne feuille de style. Pour ce faire, vous devez créer un nouveau fichier CSS dans le dossier de votre thème, puis l'inclure dans WP-Admin en utilisant le hook admin_head.
Dans cet article, nous vous montrerons comment personnaliser votre tableau de bord WordPress en remplaçant l'ancienne feuille de style.
Instructions :
Il vous suffit d'ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique au site :
Assurez-vous de modifier les chemins, puis téléchargez la nouvelle feuille de style à l'emplacement correct que vous souhaitez remplacer. Emplacement : /wp-admin/css/colors-fresh.css. Vous voudrez peut-être copier l'ancienne feuille de style et l'utiliser comme modèle pour la vôtre.
<?php
function customAdmin() {
$url = get_settings('siteurl');
$url = $url . '/wp-content/themes/my-theme/styles/wp-admin.css';
echo '<!-- custom admin css -->
<link rel="stylesheet" type="text/css" href="' . $url . '" />
<!-- /end custom adming css -->';
}
add_action('admin_head', 'customAdmin');
?>
Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière de copier / coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.
Si vous avez aimé cet extrait de code, n'hésitez pas à consulter nos autres articles sur le site tels que : 62 meilleurs thèmes de blog WordPress gratuits ou 7 meilleurs plugins de formulaire de contact WordPress.
Ce code fonctionnait auparavant mais ne fonctionne plus en raison d'un changement dans le cœur de WP. Fondamentalement, il existe une fonction qui supprime le CSS injecté dans le fichier principal maintenant. (probablement pour des raisons de sécurité) Je n'ai pas trouvé de moyen de contourner cela.
Vraiment frustrant.
C'était probablement le serveur ou votre appareil qui ne les rendait pas. J'ai remarqué la même chose en visualisant du code sur certains sites/appareils.
Je ne suis pas sûr pourquoi vous mélangez des entités HTML (par exemple, <) avec les caractères eux-mêmes (par exemple, >). Pour que cela fonctionne, j'ai utilisé '<' au lieu de '$lt;'.