X

Comment personnaliser la zone d’administration de WordPress

Snippets by IsItWP

Saviez-vous que vous pouviez changer 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 allons vous montrer comment personnaliser votre tableau de bord WordPress en remplaçant l’ancienne feuille de style.

Instructions:

Tout ce que vous avez à faire est d’ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre site:

Assurez-vous de modifier les chemins et de télécharger la nouvelle feuille de style à l’emplacement correct où vous souhaitez la remplacer. Emplacement : /wp-admin/css/colors-fresh.css. Vous pouvez copier l’ancienne feuille de style et l’utiliser comme modèle pour la nouvelle.

<?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');
?>

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez vous référer à notre guide sur comment 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 comme : 62 meilleurs thèmes de blog WordPress gratuits ou 7 meilleurs plugins de formulaire de contact WordPress.

[code] <link rel="stylesheet" type="text/css" href="' . $url . '" /> <!-- /end custom adming css -->'; } add_action('admin_head', 'customAdmin'); ?>[/code]

Commentaires   laisser une réponse

  1. This code used to work but no longer works due to the change in the WP core. Basically, there is a function that removes injected css in the core file now. (probably due to a security reason) I haven’t figured out a way to bypass this.

    Really frustrating.

  2. It was probably the server or your device not rendering them. I’ve noticed the same thing while viewing code on certain sites/devices

  3. Not sure why you are mixing html entities (e.g. <) with the characters themselves (e.g. >). To get this to work, I used ‘<' instead of '$lt;'.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre privacy policy, et que tous les liens sont en nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

WordPress Launch Checklist

L'ultime liste de contrôle pour le lancement de WordPress

Nous avons rassemblé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi le gratuit !