Comment ajouter le mode sombre à votre site WordPress avec Elementor

Elementor est l'un des outils de construction de pages les plus populaires pour WordPress, et il est facile d'ajouter un motif sombre en quelques étapes simples.

Image [1] - Comment ajouter le mode sombre à un site WordPress avec Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response

Pourquoi ajouter un mode de couleurs sombres ?

Avant d'explorer la manière d'implémenter le mode sombre dans Elementor, il convient de comprendre ses avantages pour les sites web. Il y a deux avantages principaux : l'amélioration de l'expérience utilisateur et l'amélioration de l'accessibilité.

  • Une expérience utilisateur amélioréeLe mode sombre : Le mode sombre offre une expérience de navigation plus confortable, en particulier dans les environnements faiblement éclairés. Il réduit la fatigue oculaire, améliore la lisibilité et rend le site plus attrayant pour les visiteurs.
  • Amélioration de l'accessibilitéLe mode sombre améliore également l'accessibilité pour les personnes souffrant de déficiences visuelles ou d'une sensibilité à la lumière vive. Cela leur permet de naviguer et de s'engager dans le contenu de votre site plus confortablement, sans aucune gêne.

étape 1 : Installer et activer la version gratuite d'éléments illimités d'Elementor

La version gratuite de Unlimited Elements for Elementor doit être installée et activée.

étape 2 : Installer le widget Dark Mode dans Unlimited Elements

Image [2] - Comment ajouter le mode sombre à un site WordPress avec Elementor - Photon Flux Network | Professional WordPress Repair Service, Global Reach, Fast Response

Trouver "mode sombre Déplacez votre curseur sur le widget "Widget" et vous verrez appara?tre un bouton "Installer". Cliquez sur ce bouton pour installer le widget.

Image [3] - Comment ajouter le mode sombre à un site WordPress avec Elementor - Photon Flux Network | Professional WordPress Repair Service, Global Reach, Fast Response

étape 3 : Ajouter le widget Dark Mode à la page Elementor.

Faites glisser et déposez le widget Dark Mode sur la page.

Image [4] - Comment ajouter le mode sombre à un site WordPress avec Elementor - Photon Flux Network | Professional WordPress Repair Service, Global Reach, Fast Response

Personnalisez les paramètres du mode sombre à votre convenance.

Image [5] - Comment ajouter le mode sombre à un site WordPress avec Elementor - Photon Flux Network | Professional WordPress Repair Service, Global Reach, Fast Response

1. vitesse d'animation

Règle la vitesse à laquelle se produisent les transitions entre les modes clair et foncé.

2、Button horizontal position

Détermine la position horizontale du bouton de basculement en mode sombre dans le widget.

3、Position verticale du bouton

Spécifie la position verticale du bouton de basculement en mode sombre dans le widget.

4、Button vertical offset

Ajustez l'alignement vertical du bouton de basculement du mode sombre par rapport à la position par défaut.

5. décalage horizontal du bouton

Ajuste l'alignement horizontal du bouton de basculement en mode sombre par rapport à sa position par défaut.

6. ic?nes de boutons

Personnaliser l'ic?ne affichée sur le bouton de basculement du mode sombre.

7. enregistrer dans le cookie

Choisissez d'enregistrer ou non les préférences de l'utilisateur en matière de mode sombre dans un cookie pour un accès ultérieur.

8, n'affecte pas l'image

Choisissez d'exclure les images de la conversion en mode sombre pour une meilleure visibilité ou pour des raisons esthétiques.

9) Correspondance automatique des thèmes du système d'exploitation

Synchroniser automatiquement le mode sombre du widget avec le thème du système d'exploitation (si disponible).

10, mode sombre mélangeant les couleurs

Définir la couleur de fusion à mélanger avec l'arrière-plan en mode sombre pour améliorer la lisibilité ou la cohérence de la conception.

11, couleur d'arrière-plan du mode sombre

Définit la couleur d'arrière-plan de l'affichage en mode sombre dans le widget.

Image [6] - Comment ajouter le mode sombre à un site WordPress avec Elementor - Photon Flux Network | Professional WordPress Repair Service, Global Reach, Fast Response

résumés

L'ajout d'un mode sombre à votre site WordPress avec Elementor permet non seulement aux utilisateurs de naviguer comme ils le souhaitent, mais rend également le site unique et montre l'importance de la variété et de l'expérience utilisateur. L'objectif est de créer un environnement flexible où les utilisateurs peuvent choisir leur mode de navigation en fonction de leurs habitudes, ce qui les rend plus susceptibles de s'engager et de se sentir satisfaits. Si vous avez des difficultés à configurer le mode sombre, vous pouvez en savoir plus dans notre rubrique "Communauté de questions et réponses"Chercher de l'aide ou trouverContactez nousL'aide du service clientèle.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨詢:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
? Déclaration de reproduction
Cet article a été rédigé par Harry
LA FIN
Si vous l'aimez, soutenez-le.
félicitations0 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires