De nos jours, de plus en plus de pages Web offrent à leurs téléspectateurs la possibilité de choisir entre le mode clair et le mode sombre Pour n'en nommer que quelques-uns, Facebook, Twitter et YouTube ont déjà introduit les paramètres du mode sombre auprès de leurs utilisateurs.
Dans cet article, vous obtiendrez des informations sur le mode sombre front-end. Mais que se passe-t-il si vous souhaitez définir le mode Dark dans le tableau de bord WordPress ? Visiter Mode sombre du tableau de bord WordPress et en savoir plus à ce sujet.
Le mode sombre gagne en popularité auprès des utilisateurs depuis un bon moment En suivant la tendance, de nombreux utilisateurs de WordPress demandent le mode sombre Donc, il est naturel pour vous de vouloir ajouter le mode sombre à votre site WordPress Et maintenant que vous lisez déjà cet article, vous saurez bientôt comment définir le mode sombre WordPress en un clic.
Table des matières
Ajoutez un en-tête pour commencer à générer la table des matières
Qu'est-ce que le mode sombre ?
Le mode sombre est un paramètre d'affichage pour les interfaces utilisateur, telles que les ordinateurs portables ou les smartphones. Bien qu'il existe différentes couleurs et teintes, aucun texte sombre n'apparaît sur un écran blanc dans ce mode. Au lieu de cela, un fond sombre ou noir présente des textes de couleur claire et des éléments d'interface au-dessus.
Le mode sombre est connu sous quelques autres noms, tels que thème sombre, mode noir, mode clair sur noir, mode nuit En dehors des navigateurs, smartphones, etc., de nombreux systèmes d'exploitation offrent le mode sombre à leurs utilisateurs.
L'idée générale du mode sombre est qu'il réduit la lumière émise par les écrans des appareils tout en conservant les rapports de contraste de couleur minimum absolus nécessaires pour que les éléments d'interface soient lisibles Cependant, l'idée n'est pas quelque chose de nouveau En fait, le mode sombre est antérieur de quelques décennies au mode lumineux Avec l'avancement de la technologie, est venu le thème de la lumière Et curieusement, ce même progrès a redonné vie à l'intérêt de l'utilisateur pour le mode sombre.
Pourquoi le mode sombre est-il nécessaire ?
Il y a certains avantages que le mode sombre peut offrir Ils sont les suivants :
Consommation d'énergie réduite
Un avantage scientifique le plus communément reconnu du mode sombre est qu’il réduit la consommation d’énergie avec les écrans AMOLED et OLED.
Sur les panneaux OLED et AMOLED, chaque pixel s'allume individuellement En mode lumière, tous les pixels s'allument, et à son tour, l'affichage demande plus d'entrée d'alimentation Cependant, en mode sombre, tous les pixels n'ont pas besoin de s'allumer De ce fait, l'affichage ne demande pas autant d'entrée d'alimentation qu'en mode lumière.
Cependant, seuls les écrans OLED et AMOLED peuvent profiter de l'option d'économie d'énergie du mode sombre.
Émission de lumière bleue réduite
La lumière bleue est un spectre de lumière visible avec une énergie élevée qui a la longueur d'onde la plus courte Selon les experts, une exposition excessive à la lumière bleue peut amener votre corps à sécréter moins de mélatonine La mélatonine joue un rôle essentiel pour vous assurer un sommeil adéquat.
Le Soleil est la source la plus importante de lumière bleue Cependant, les appareils que vous utilisez sécrètent également des traces de lumière bleue. Mais si vous utilisez le mode sombre, il coupera la lumière bleue nocive, vous assurant ainsi un sommeil plus sonore.
Mieux pour les paramètres de faible luminosité
Le mode sombre est plus adapté à un réglage de faible luminosité, comme dans le lit ou une salle de cinéma De cette façon, même si vous utilisez vos appareils, cela ne dérangera pas les autres involontairement.
Comment configurer le mode sombre ?
WordPress est équipé d'un jeu de couleurs admin Cependant, aucune des mises en page par défaut ne coupe la lumière blanche provenant de l'écran Mais pas de soucis, car il existe un moyen de configurer le mode sombre dans votre site WordPress Vous pouvez configurer le mode sombre dans votre site Web WordPress via un plugin Tout d'abord, vous devrez installer et activer le Plugin WordPress Mode sombre. Vous pouvez directement le trouver dans le répertoire du plugin WordPress Vous pouvez accéder au répertoire via le tableau de bord d'administration dans la section des plugins.
Comment ajouter le mode sombre à votre site WordPress à l'aide d'un plugin
Tout d'abord, vous devrez installer et activer le plugin WordPress Dark Mode Nous allons utiliser le Blackout : Widget en mode sombre pour cet article, Vous pouvez le trouver directement dans le répertoire des plugins WordPress Vous pouvez accéder au répertoire par le tableau de bord d'administration dans la section des plugins.
Après l'avoir installé, vous devrez activer le plugin en mode sombre Lors de l'activation, accédez à votre tableau de bord d'administration WordPress Cliquez sur l'option Paramètres de votre tableau d'administration Dans le menu de flyout, choisissez le menu Blackout.
Vous verrez diverses options À partir de là, cliquez sur le bouton Activer le mode sombre OS Aware Une fois activé, il permettra aux visiteurs de voir la version en mode nuit de votre site WordPress lorsque leur appareil dispose d'un paramètre de mode sombre.
Pour faire l'option de passer en mode sombre chaque fois qu'ils veulent être disponibles, trouvez l'option Afficher le commutateur flottant Cliquez sur le bouton pour l'activer Cela signifie que quel que soit le paramètre d'interface de l'utilisateur, l'utilisateur pourra passer en mode sombre lorsqu'il sera sur votre site.
Il existe de nombreuses autres options disponibles Par exemple, vous pouvez choisir les couleurs du mode sombre, personnaliser vos styles de commutateur flottant, et bien d'autres encore Cependant, seule une partie de toutes les options vous sera proposée avec la version gratuite Lorsque vous aurez terminé vos tâches, cliquez sur le bouton Enregistrer les modifications pour enregistrer vos paramètres.
Maintenant, pour vous assurer que le plugin fonctionne correctement, effectuez un test pour voir si tout fonctionne Vous pouvez également corriger l'endroit où votre commutateur flottant apparaîtra sur l'écran d'un utilisateur.
Comment ajouter le mode sombre à l'administrateur WordPress
WordPress propose différents schémas de couleurs d'administration Cependant, aucun des schémas de couleurs par défaut ne peut réduire l'émission de lumière blanche de votre écran malgré leurs différences Heureusement, ce plugin en mode sombre s'occupe également de ce problème.
Pour cela, vous devrez à nouveau accéder au menu Paramètres À partir de là, vous devrez entrer dans la page Blackout et cliquer sur l'onglet Paramètres généraux Vous verrez une option pour vous laisser choisir d'activer le mode backend sombre Activez cette option et enregistrez les modifications que vous avez apportées en cliquant sur le bouton Enregistrer les paramètres en bas de page.
Après avoir activé le mode backend sombre, vous devriez voir un nouveau commutateur dans la barre supérieure de votre panneau d'administration Si vous voulez activer le mode sombre, cliquez sur le bouton et le basculer dans le paramètre de mode sombre Cependant, il serait préférable d'utiliser le mode sombre uniquement lorsque vous êtes dans un environnement sombre pour mieux prendre soin de vos yeux.
Notez que le mode sombre n'est pas l'un des schémas de couleurs d'administration fournis par WordPress. Ainsi, même si vous utilisez le paramètre de mode sombre, vous pouvez utiliser l'un des schémas de couleurs d'administration de WordPress à côté sans aucune difficulté. Pour définir cela, cliquez sur l'option Utilisateurs et accédez à la page Profil à partir du menu de retrait. À partir de cette page, cliquez sur une option sous la page Schéma de couleurs d'administration.
Cependant, vous devrez désactiver le mode sombre pour remarquer l'autre option de jeu de couleurs d'administrateur.
Envelopper
L'ajout du mode sombre à votre site WordPress ajoute une belle fonctionnalité supplémentaire à votre site Mais ce n'est pas tout ce qu'il fait Il améliore également l'accessibilité et l'expérience des utilisateurs Avec sa popularité croissante, l'introduction du mode sombre sur votre site WordPress devrait augmenter le trafic de votre site.
Maintenant que vous êtes arrivé à la fin de cet article, nous espérons que vous savez maintenant comment définir le mode sombre WordPress en un clic Et maintenant, vous pouvez introduire le mode nuit sur votre site et améliorer l'expérience de l'utilisateur.
