Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter le mode sombre à votre Tableau de bord WordPress

Certains membres de notre équipe préfèrent travailler tard dans la nuit, et ils ont trouvé que l’interface d’administration lumineuse de WordPress peut être assez dure pour les yeux. Nous avons donc essayé de trouver un moyen de rendre la zone d’administration plus confortable pour les noctambules et ceux qui travaillent dans des conditions de faible luminosité.

C’est alors que nous avons découvert les avantages du mode sombre. Un jeu de couleurs plus sombre peut réduire considérablement la lumière blanche et bleue provenant de votre écran, ce qui le rend plus agréable pour les yeux lors des séances de modification tardives.

Dans cet article, nous allons vous afficher comment ajouter le mode sombre à votre Tableau de bord WordPress. Que vous soyez un oiseau de nuit, un utilisateur soucieux de sa batterie, ou quelqu’un qui aime simplement l’aspect épuré des interfaces sombres, nous avons tout ce qu’il vous faut.

How to Add Dark Mode to Your WordPress Admin Dashboard

Qu’est-ce que le mode sombre et pourquoi l’ajouter à WordPress ?

Si vous travaillez souvent sur votre site web WordPress tard le soir ou dans des conditions peu éclairées, la lumière vive de l’écran de l’ordinateur peut entraîner une fatigue oculaire.

Certains pensent même que la lumière vive peut perturber les rythmes circadiens naturels et rendre l’endormissement plus difficile.

Dans cette Version, de nombreuses applis, sites web et même systèmes d’exploitation sont dotés d’un mode sombre intégré qui réduit la quantité de lumière blanche provenant de l’écran.

Dark mode in macOS

Si vous avez un iPhone ou un smartphone Android, alors vous pouvez peut-être passer en mode sombre à l’aide d’un permutateur.

Certains sites populaires comme YouTube proposent même un jeu de couleurs sombres intégré.

An example of Dark Mode on the YouTube website

L’ajout d’un mode sombre à votre site web WordPress est une bonne chose pour les visiteurs, mais vous voudrez peut-être aussi ajouter un mode sombre au back-end de votre site web. WordPress est livré avec des schémas de couleurs pour l’administration, mais aucun des schémas de couleurs par défaut ne réduit réellement la quantité de lumière blanche qui passe à travers l’écran.

Ceci étant dit, ajoutons un mode sombre à la zone d’administration de WordPress afin que vous puissiez travailler confortablement sur votre site tard dans la nuit ou dans des conditions de faible luminosité.

Comment ajouter rapidement et facilement le mode sombre à votre zone d’administration WordPress

La façon la plus simple d’ajouter un mode sombre au tableau de bord WordPress est d’utiliser WP Dark Mode. Cette extension permet aux administrateurs d’activer et de désactiver le mode sombre en un seul clic.

Mieux encore, si vous gérez un blog WordPress à auteurs/autrices multiples, chaque personne peut activer ou désactiver le mode sombre à sa guise. L’extension se souviendra de leur préférence la prochaine fois qu’ils se connecteront. Pour en savoir plus, consultez notre Avis complet sur WP Dark Mode.

Tout d’abord, vous devrez installer et activer l’extension WP Dark Mode. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’un plugin WordPress.

Après l’activation, allez sur la page WP Dark Mode  » Settings dans votre tableau de bord WordPress et cliquez sur l’onglet Admin Panel Dark Mode.

Activez ensuite le bouton « Activer le mode sombre du tableau de bord de l’administrateur ».

Enabling dark mode in WordPress

Vous pouvez également activer le mode sombre de l’éditeur de blocs si vous le souhaitez.

Ensuite, faites défiler vers le bas et cliquez sur le bouton « Enregistrer les modifications ».

Saving WP Dark Mode plugin settings

À ce stade, vous verrez un nouveau bouton « Clair / Foncé » dans la barre d’outils de l’administrateur.

Vous pouvez cliquer sur ce bouton pour activer ou désactiver le mode sombre dans la zone d’administration.

Turning on the dark mode in WordPress

Le « mode sombre » n’est pas un jeu de couleurs pour l’administrateur. Après l’avoir activé, vous pouvez essayer de modifier le jeu de couleurs de l’administrateur.

En choisissant un jeu de couleurs sombres, vous pouvez réduire davantage la quantité de lumière provenant de l’écran. Une autre faculté consiste à choisir un jeu de couleurs plus clair, ce qui rendra le tableau de bord en mode sombre plus lisible.

Pour modifier le jeu de couleurs de l’administrateur, allez dans Utilisateurs/utilisatrices  » Profil et choisissez l’une des options sous Jeu de couleurs de l’administrateur.

Admin Color Scheme

Vous pouvez également activer le mode sombre sur la page d’accueil de votre site web.

Pour ce faire, passez à l’onglet « Frontend Dark Mode » et activez le bouton « Enable Frontend Dark Mode ».

Enabling dark mode for the website's front end

Comme précédemment, veillez à cliquer sur le bouton « Enregistrer les modifications » lorsque vous avez terminé.

Les visiteurs verront toujours la version normale, claire, de votre blog ou site web WordPress. Mais ils peuvent passer en mode sombre à tout moment en cliquant sur l’icône située dans le coin inférieur droit.

Adding dark mode to your WordPress website

Pour plus de conseils et d’astuces sur la personnalisation de votre zone d’administration, consultez ces guides :

Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter le mode sombre à votre Tableau de bord WordPress. Vous pouvez également consulter nos choix d’experts des meilleurs plugins de tableau de bord d’administration WordPress et notre guide sur la façon de désactiver tous les plugins lorsque wp-admin n’est pas accessible.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

11 commentairesLaisser une réponse

  1. Jiří Vaněk

    Thank you for the advice. I have both system and browser dark mode set on Windows 11, but WordPress keeps ignoring this setting. Browser settings and even a browser extension that should force dark mode didn’t help. And now I understand that it will be a problem of WordPress missing color scheme for dark mode. Thank you for the valuable experience and advice on how to force dark mode.

    • WPBeginner Support

      You’re welcome :)

      Administrateur

  2. Dan

    Thank you.
    This is a workaround plugin, which is not ideal.
    I’ve observed that every time I click anything in the interface, it blinks for 1 second in the original color and then switches to dark mode.
    Ideally, WordPress should add it to its color scheme.

    • WPBeginner Support

      You may want to change your color scheme under User>Profile to set the base color to help prevent the delay in the style’s loading.

      Administrateur

  3. Thia

    Awesome. Just tried the plugin and It’s really cool.

    • WPBeginner Support

      Glad you liked our recommendation!

      Administrateur

  4. Darlington

    What about how to implement dark mode in the frontend of my wordpress website?

    • WPBeginner Support

      That would be determined by your theme, if you reach out to your theme’s support they should be able to let you know.

      Administrateur

  5. Kuldeep Singh

    Awesome!

    Thank you guys. It helped me to get desired dashboard dark theme. But I need the default editor background in dark theme too. It there any single plugin which can change the dashboard and editor background to dark mode?

    • WPBeginner Support

      You would want to reach out to the plugin’s support for their recommendation first

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.