Vous souhaitez ajouter le mode sombre à votre site WordPress ?
De nombreux appareils sont désormais compatibles avec le mode sombre natif. L’ajout d’un mode sombre à votre site Web adapte automatiquement votre conception aux préférences de navigateur de vos utilisateurs. Vous pouvez même ajouter un commutateur de mode sombre à votre site.
Dans cet article, nous allons vous montrer comment ajouter facilement un mode sombre à votre site Web WordPress à la fois dans la zone d’interface et d’administration.
Qu’est-ce que le mode sombre et pourquoi l’ajouter à votre site Web ?
Le mode sombre est utilisé sur les appareils mobiles et les ordinateurs pour réduire la quantité de lumière blanche de l’écran.
Certains appareils sont livrés avec un mode nuit qui utilise en fait des tons de couleurs plus chauds à la place. Le mode sombre utilise une approche différente en ajoutant des couleurs sombres en arrière-plan.
Si vous avez un iPhone ou un appareil Android, vous pourrez peut-être passer en mode sombre simplement en utilisant une bascule.
Alternativement, sur votre ordinateur, vous pouvez afficher des sites Web en mode sombre à l’aide d’une extension Chrome telle que Night Eye. Voici à quoi ressemble le site Web Themelocal en utilisant cette extension :
L’ajout du mode sombre à votre site donne aux utilisateurs la possibilité d’activer et de désactiver le mode sombre tout en consultant votre site. Cela vous donne également plus de contrôle sur l’apparence de votre site en mode sombre.
Les sites Web populaires tels que YouTube proposent également une palette de couleurs sombres. Cela permet aux utilisateurs de regarder des vidéos tard dans la nuit avec une expérience de visionnage plus confortable.
En plus d’ajouter le mode sombre à l’interface de votre site Web, vous pouvez même ajouter le mode sombre à votre administrateur WordPress. Cela peut être utile si vous travaillez sur votre site le soir ou la nuit.
Tout d’abord, nous allons jeter un œil à l’ajout du mode sombre à votre site Web WordPress. Ensuite, nous couvrirons l’ajout du mode sombre à votre tableau de bord d’administration WordPress.
Conseil: Voulez-vous un site Web avec une palette de couleurs sombres, même avec l’appareil de l’utilisateur en mode normal ou diurne ? Alors consultez notre liste des meilleurs thèmes sombres pour WordPress.
Ajout du mode sombre à votre site Web WordPress
Tout d’abord, vous devez installer et activer le WP Mode sombre brancher. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Lors de l’activation, accédez à la Paramètres » WP Mode sombre dans votre administrateur WordPress et cliquez sur l’onglet Paramètres généraux. Vous devriez y être redirigé automatiquement.
Ici, le paramètre « Activer le mode sombre compatible avec le système d’exploitation » a été activé pour vous. Cela signifie que les visiteurs verront automatiquement la version en mode sombre de votre site lorsque leur appareil est configuré en mode sombre.
Le paramètre « Afficher le commutateur flottant » a également été activé. Cela signifie que les utilisateurs peuvent basculer leur vue du site en mode sombre à tout moment, même s’ils n’ont pas activé l’option Mode sombre sur leur appareil.
Visitez simplement votre site Web et vous verrez le commutateur dans le coin inférieur droit. Cliquez dessus pour basculer instantanément votre site en mode sombre sur votre appareil :
Il y a plus d’options de personnalisation disponibles sur le Paramètres » WP Mode sombre page. Cependant, ceux-ci sont assez limités avec le plugin gratuit.
Par exemple, il vous suffit de cliquer sur l’onglet Paramètres d’affichage pour modifier le style du commutateur flottant :
Vous pouvez également personnaliser les couleurs du mode sombre à l’aide de l’onglet Paramètres de style :
Assurez-vous de cliquer sur le bouton Enregistrer les paramètres après avoir apporté des modifications.
Noter: Avec la version gratuite de WP Dark Mode, vous n’obtenez que les 2 premiers styles de commutateurs flottants et les 2 premiers préréglages de couleurs parmi lesquels choisir.
La version pro de WP Dark Mode offre beaucoup plus d’options de conception, ainsi que la possibilité d’activer le mode sombre à des moments précis et la possibilité d’ajouter du code CSS personnalisé.
Ajout du mode sombre à votre administrateur WordPress
WordPress est livré avec des schémas de couleurs administrateur, mais aucun des schémas de couleurs par défaut ne réduit la lumière blanche provenant de votre écran. Heureusement, ce plugin résout également ce problème.
Voyons comment ajouter facilement le mode sombre à votre zone d’administration WordPress pour une expérience utilisateur plus agréable pendant les heures tardives.
Rendez-vous simplement sur le Paramètres » WP Mode sombre et cliquez sur l’onglet Paramètres généraux. Ensuite, basculez le commutateur « Activer le mode sombre du backend » sur la position activée. N’oubliez pas de cliquer sur le bouton Enregistrer les paramètres en bas de la page :
Vous verrez maintenant un nouveau commutateur dans la barre supérieure de votre zone d’administration :
Cliquez simplement sur ce commutateur pour basculer instantanément votre zone d’administration en mode sombre.
Conseil: Si votre site compte plusieurs utilisateurs WordPress, chaque personne peut activer et désactiver le mode sombre à sa guise.
Étant donné que le « mode sombre » n’est pas un schéma de couleurs administrateur, vous pouvez facilement l’utiliser avec un schéma de couleurs administrateur WordPress existant. Pour régler cela, il suffit d’aller à Utilisateurs » Profil et cliquez sur une option sous Admin Color Scheme.
Notez que vous devrez désactiver le mode sombre pour voir les options du schéma de couleurs de l’administrateur :
Lorsque vous écrivez un article dans l’éditeur de blocs WordPress, vous pouvez également activer le mode sombre. Cliquez sur la petite icône de couleur en haut à gauche, puis sélectionnez le mode que vous souhaitez utiliser :
Désormais, vous pouvez confortablement écrire et travailler sur votre site Web la nuit sans vous fatiguer les yeux.
Nous espérons que cet article vous a aidé à apprendre comment ajouter le mode sombre à votre site Web WordPress. Vous pouvez également consulter notre article sur les meilleurs plugins WordPress pour tous les sites Web et notre comparaison des meilleures sociétés d’hébergement WordPress gérées.