par Vous souhaitez ajouter le mode sombre à votre site WordPress ?
En ajoutant un mode sombre à WordPress, votre site Web s’adaptera automatiquement en fonction des préférences du navigateur du visiteur. Vous pouvez également ajouter une bascule en mode sombre à votre site, afin que les visiteurs puissent facilement basculer entre les modes sombre et clair.
Dans cet article, nous allons vous montrer comment ajouter le mode sombre à votre site WordPress.
Qu’est-ce que le mode sombre et pourquoi l’ajouter à votre site Web ?
De nombreux appareils mobiles et ordinateurs modernes utilisent le mode sombre pour minimiser la quantité de lumière blanche provenant de l’écran. Cela peut réduire la fatigue oculaire, en particulier dans des conditions de faible luminosité.
Certaines personnes pensent même que cela vous permet d’utiliser des ordinateurs et des appareils mobiles jusque tard dans la nuit sans que la lumière blanche et bleue ne gâche votre sommeil.
Certains appareils sont livrés avec un mode nuit intégré qui utilise simplement des tons de couleurs plus chauds. Cependant, le mode sombre ajoute en fait des couleurs sombres à l’arrière-plan de l’appareil.
Si vous avez un iPhone ou un smartphone Android, vous pourrez peut-être passer en mode sombre à l’aide d’une bascule. Certains sites Web populaires comme YouTube proposent même un jeu de couleurs sombres intégré.
Sur les ordinateurs de bureau, vous pouvez visiter des sites Web en mode sombre en utilisant une extension Chrome telle que Night Eye.
Voici à quoi ressemble le site Web WPBeginner avec cette extension :
En ajoutant une bascule en mode sombre à votre site Web, les utilisateurs pourront choisir le mode qu’ils préfèrent sans avoir à installer une extension de navigateur spéciale.
De nombreux plugins vous permettent également de personnaliser l’apparence du mode sombre sur votre site Web, vous n’avez donc pas besoin d’utiliser les paramètres par défaut du navigateur ou de l’appareil.
Vous pouvez même ajouter le mode sombre à votre zone d’administration WordPress. Cela peut être utile si vous travaillez sur votre chantier le soir ou la nuit, ou si vous souffrez de fatigue oculaire.
Dans cet esprit, voyons comment vous pouvez ajouter le mode sombre à l’interface publique de votre site Web et à la zone d’administration de votre site Web WordPress.
Pointe: Vous souhaitez utiliser une palette de couleurs sombres, même lorsque l’appareil du visiteur est en mode normal ou diurne ? Consultez ensuite notre liste des meilleurs thèmes sombres pour WordPress.
Comment ajouter le mode sombre à votre site Web WordPress
Le moyen le plus simple de créer un mode sombre pour votre site Web consiste à utiliser Droit Dark Mode. Ce plugin ajoute une bascule afin que les visiteurs puissent activer le mode sombre sur le front-end de votre site. Il peut même ajouter une bascule à la zone d’administration, afin que vous puissiez activer le mode sombre pour le tableau de bord WordPress.
Tout d’abord, vous devrez installer et activer le plugin Droit Dark Mode. Pour plus de détails, veuillez consulter notre guide sur la façon d’installer un plugin WordPress.
Lors de l’activation, accédez à Droit Dark Mode » Couleurs prédéfinies et choisissez à quoi ressemblera votre mode sombre pour les visiteurs. La version gratuite du plugin est livrée avec deux couleurs prédéfinies, alors sélectionnez la couleur que vous souhaitez utiliser.
Après cela, cliquez sur “Paramètres d’affichage” et sélectionnez un style pour votre commutateur de mode sombre.
Ensuite, ouvrez la liste déroulante Position du corps et choisissez où le curseur apparaîtra sur votre blog ou site Web WordPress. Vous souhaiterez généralement l’ajouter en haut de votre site afin que les visiteurs puissent facilement basculer entre les différents modes.
Une fois la configuration terminée, il est temps d’activer le mode sombre en sélectionnant “Paramètres généraux”.
Pour commencer, vous devrez activer “Activer le mode sombre frontal”, ce qui ajoutera le commutateur au frontal de votre site Web.
Pour le moment, WordPress chargera toujours votre site en mode régulier et léger.
Si vous souhaitez définir le mode sombre par défaut, cliquez simplement pour activer le commutateur “Activer le mode sombre par défaut”.
Cela fait, cliquez simplement sur “Enregistrer les paramètres”. Maintenant, si vous visitez votre site Web, vous verrez le nouveau commutateur de mode sombre en action.
Pour activer et désactiver le mode sombre, il suffit de cliquer sur le commutateur.
Ajouter le mode sombre à votre administrateur WordPress Zone
Vous pouvez modifier le schéma de couleurs de l’administrateur dans WordPress à l’aide des paramètres intégrés. Cependant, aucun des schémas de couleurs par défaut ne réduit la lumière blanche provenant de l’écran.
Si vous travaillez tard dans la soirée ou souffrez de fatigue oculaire, vous pouvez essayer d’ajouter un mode sombre à la zone d’administration de WordPress.
Allez simplement sur Droit Dark Mode » Paramètres généraux et cliquez pour activer la bascule “Activer le mode sombre du backend”.
Après cela, vous pouvez choisir un jeu de couleurs pour le mode sombre de l’administrateur. Ouvrez simplement le nouveau menu déroulant “Sélectionner la palette de couleurs” et sélectionnez la couleur 1 ou la couleur 2.
Cela fait, cliquez sur “Enregistrer les modifications”.
Droit Dark Mode ajoutera désormais une bascule de mode sombre à la barre d’outils d’administration. Pour voir le mode sombre administrateur en action, cliquez simplement sur la bascule.
Si vous n’êtes pas satisfait de l’apparence du mode sombre, ouvrez le menu déroulant “Sélectionner la palette de couleurs” et choisissez un nouveau style dans la liste.
Après cela, cliquez sur “Enregistrer les paramètres” et utilisez la bascule pour voir les nouvelles couleurs en action.
Nous espérons que cet article vous a aidé à apprendre comment ajouter le mode sombre à votre site Web WordPress. Vous pouvez également consulter notre guide sur la création d’une page de destination dans WordPress, ou consulter notre sélection d’experts des plugins WordPress indispensables.
Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
