Comment ajouter facilement le mode sombre à votre site Web WordPress
Voulez-vous ajouter le mode sombre à votre site WordPress ?
En ajoutant le 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 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 perturbe votre sommeil.
Certains appareils sont dotés d'un mode nuit intégré qui utilise simplement des tons de couleurs plus chaudes. Cependant, le mode sombre ajoute des couleurs sombres à l’arrière-plan de l’appareil.
Certains sites Web populaires comme YouTube proposent une palette de couleurs sombres intégrée.
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 en utilisant cette extension :
En ajoutant une bascule en mode sombre à votre site Web, les utilisateurs peuvent choisir le mode qu'ils préfèrent sans avoir à installer une extension de navigateur spéciale.
Vous pouvez même ajouter le mode sombre à votre zone d'administration WordPress. Cela peut être utile si vous travaillez sur votre chantier la nuit ou si vous souffrez de fatigue oculaire.
Dans cet esprit, voyons comment vous pouvez ajouter le mode sombre au frontal public de votre site Web et à la zone d’administration de votre site Web WordPress.
Conseil : Vous souhaitez utiliser une palette de couleurs sombres, même lorsque l'appareil du visiteur est en mode normal ou de jour ? Consultez ensuite notre liste des meilleurs thèmes sombres pour WordPress.
Didacticiel vidéo
Si vous préférez les instructions écrites, continuez simplement à lire.
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 votre site Web. 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, vous devrez choisir à quoi ressemblera le mode sombre pour les visiteurs en sélectionnant Droit Dark Mode dans le menu de gauche. Ensuite, sélectionnez « Couleurs prédéfinies » et choisissez la couleur que vous souhaitez utiliser.
Après cela, cliquez sur « Paramètres d'affichage » et sélectionnez un style pour le commutateur que les visiteurs utiliseront pour activer et désactiver le mode sombre.
Ensuite, vous devez ouvrir la liste déroulante « Position du corps » et choisir 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 cliquer sur le bouton « Activer le mode sombre du front-end ».
Par défaut, WordPress chargera toujours votre site en mode normal 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 ». Désormais, si vous visitez votre site Web, vous verrez le nouveau commutateur de mode sombre en action.
Si vous consultez la version mobile de votre site Web, vous verrez que le mode sombre fonctionne également sur les smartphones et les tablettes.
Pour activer et désactiver le mode sombre, cliquez simplement sur le commutateur.
Ajout du mode sombre à votre zone d'administration WordPress
Vous pouvez modifier le schéma de couleurs de l'administrateur dans WordPress à l'aide des paramètres intégrés. Cependant, aucune des palettes de couleurs par défaut ne réduit la lumière blanche provenant de l'écran.
Si vous travaillez tard le soir ou si vous souffrez de fatigue oculaire, vous pouvez essayer d'ajouter un mode sombre à la zone d'administration de WordPress.
Sélectionnez simplement le Droit Dark Mode, puis cliquez sur l'onglet « Paramètres généraux ». Ici, cliquez pour activer la bascule « Activer le mode sombre du backend ».
Après cela, vous pouvez choisir une palette de couleurs pour le mode sombre de l'administrateur. Ouvrez simplement la nouvelle liste déroulante « Sélectionner la palette de couleurs » et sélectionnez Couleur 1 ou 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 de l'administrateur en action, cliquez simplement sur le bouton bascule.
Si vous n'êtes pas satisfait de l'apparence du mode sombre, ouvrez la liste déroulante « 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 WordPress. Vous voudrez peut-être également consulter notre guide sur la façon de créer une page de destination dans WordPress ou consulter nos choix d’experts pour les plugins WordPress incontournables.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.