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](http://gqxi.cn/wp-content/uploads/2024/05/2024051714512069.png)
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](http://gqxi.cn/wp-content/uploads/2024/05/2024051802243618.png)
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](http://gqxi.cn/wp-content/uploads/2024/05/2024051802433566.jpg)
é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](http://gqxi.cn/wp-content/uploads/2024/05/2024051802270555.png)
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](http://gqxi.cn/wp-content/uploads/2024/05/2024051802281336.png)
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](http://gqxi.cn/wp-content/uploads/2024/05/2024051714100750.png)
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.
Lien vers cet article :http://gqxi.cn/fr/9950L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires