Comment changer Elementor en mode sombre ?

Construire un site Web hautement fonctionnel est quelque chose que vous pouvez facilement faire même sans aucune expérience préalable. Vous utilisez simplement un plugin WordPress comme Elementor. Mais lorsqu'il s'agit d'améliorer la lisibilité de votre site Web, vous devrez envisager de changer elementor en mode sombre. Maintenant, vous vous demandez probablement comment changer elementor en mode sombre en premier lieu ?

Eh bien, contrairement à un plugin tel que le mode sombre QS, elementor n'a pas de plugin de mode sombre par défaut. Cela signifie que vous devez installer des plugins tiers. Un autre avantage de l'utilisation du plug-in QS en mode sombre est qu'il est facile à mettre en œuvre et plus convivial qu'elementor.

Ainsi, dans ce didacticiel, nous examinerons les étapes à suivre pour passer d'elementor en mode sombre via différents plugins.

Pourquoi avez-vous besoin d'activer le mode sombre d'Elementor ?

L'utilisation du mode sombre elementor a augmenté à la fois en nécessité et en popularité. Alors, si vous vous demandez s'il faut ou non vraiment activer le mode sombre , voici les réponses.

Minimise la fatigue oculaire

Être exposé à la lumière bleue pendant très longtemps peut entraîner une fatigue oculaire numérique et des symptômes tels que les yeux secs et des maux de tête. Par conséquent, l'activation de l'élément ou du mode sombre peut aider à protéger vos yeux de la fatigue oculaire et de la fatigue causées par les lumières éblouissantes.

Améliore la lisibilité

Un autre avantage de l'utilisation du mode sombre pour elementor est qu'il rend votre écran plus efficace pour une meilleure lisibilité. C'est particulièrement le cas lorsqu'il y a trop de soleil dans la pièce, ce qui peut rendre la lecture difficile. Ainsi, si vous avez un blog, vos utilisateurs seront plus susceptibles de passer plus de temps sur votre site Web.

Meilleure visibilité

L'utilisation du mode sombre est également pratique dans les environnements à faible luminosité. Simplement, il offre une meilleure visibilité dans les environnements sombres ou sombres. Par exemple, vous pouvez l'utiliser au lit sans craindre de réveiller votre partenaire.

Économise la durée de vie de la batterie

Elementor ou wordpress en mode sombre Android ont tendance à utiliser moins d'énergie par rapport à un mode normal. Par conséquent, la batterie de votre téléphone ou de votre ordinateur portable peut durer plus longtemps. Certains experts suggèrent que cela pourrait augmenter la durée de vie de votre batterie d'environ 30 %.

A des fins esthétiques

Comparé à d'autres schémas de couleurs en mode élémentaire ou normal, ce mode offre une interface utilisateur vraiment belle et élégante. Il vous offre quelque chose qui semble mystérieux et nouveau.

Comment passer Elementor en mode sombre ?

Alors, comment changez-vous exactement l'élémentor de votre site Web en mode sombre ? Après tout, il n'y a aucun moyen d' activer la fonction de mode sombre par défaut sur votre blog elementor. Dans ce cas, il vous suffit d'utiliser un plugin tiers comme le WP Dark Mode ou les Plus Addons pour elementor. Les deux options sont disponibles dans les versions gratuite et Pro.

Première méthode : utiliser le mode sombre de WP

C'est le plugin le plus courant et le plus populaire pour changer elementor en mode sombre. Il offre de nombreuses fonctionnalités, notamment un mode sombre pour le widget elementor et plusieurs styles de commutateur. Vous trouverez ci-dessous les étapes à suivre pour utiliser ce plugin.

Étape 1 : Planifiez les couleurs de votre mode sombre

Vous devez d'abord décider quels éléments ou éléments vous souhaitez passer en mode sombre. En effet, dans certains cas, vous aurez probablement déjà des arrière-plans sombres que vous n'aurez pas à modifier. Dans la plupart des cas, vous devrez peut-être modifier les couleurs d'arrière-plan générales, y compris les polices et les images.

Étape 2 : Installer WP Dark Mode

Ensuite, vous devez télécharger le plugin WP Dark Mode . Recherchez simplement des plugins sur votre tableau de bord WordPress et cliquez dessus. Ensuite, choisissez Ajouter nouveau et recherchez le mode sombre WP. Et enfin, cliquez sur Installer maintenant pour activer le plugin.

Étape 3 : Activez le mode sombre

Après avoir terminé l'installation de WP Dark Mode , la prochaine chose à faire est d'activer le mode sombre. Vous pouvez choisir de l'activer pour une seule page ou pour l'ensemble du site Web.

Étape 4 : Activer le mode sombre pour une seule page

Tout d'abord, vous devez ajouter une nouvelle page ou simplement en utiliser une déjà existante. Sur votre tableau de bord d'administration WordPress, cliquez simplement sur les pages, puis sur Ajouter nouveau. Ensuite, nommez votre page et dans votre barre latérale droite, sélectionnez le modèle de page comme Elementor Full Width. Ensuite, choisissez l'option Modifier avec Elementor.

Après cela, recherchez le mode sombre dans l'option du widget de recherche. À partir de là, faites glisser et déposez le widget dans la page que vous modifiez. Une fois que vous avez terminé, vous pouvez publier votre page.

Étape 5 : Activez WP Dark Mode pour l'ensemble du site

Vous pouvez également choisir de changer l'élément ou le mode sombre pour l'ensemble de votre site Web. Dans ce cas, vous commencez par sélectionner le widget WP Dark Mode sur le tableau de bord d'administration WordPress, puis les paramètres. Après cela, cliquez sur Activer le mode sombre frontal dans les paramètres généraux.

Ensuite, cliquez sur l'onglet Afficher le commutateur flottant dans les paramètres pour l'activer. Vous remarquerez qu'un nouveau commutateur à bascule apparaîtra en haut de votre barre d'administration WordPress. C'est ce que vous utiliserez pour changer l'élément ou le mode sombre.

Étape 6 : Choisissez un style de commutateur flottant

Après avoir activé votre mode sombre wp admin , vous pouvez ensuite le personnaliser pour un look personnalisé. Vous pouvez choisir parmi plusieurs styles de commutateurs flottants. Il vous suffit donc de choisir un thème qui correspond à celui de votre blog.

Cliquez sur l' onglet du mode nuit, puis choisissez les paramètres du commutateur. Vous verrez différents styles de commutateurs flottants pour le frontal, y compris un thème clair et un thème sombre. Enfin, choisissez d'enregistrer les paramètres. Votre mode sombre pour elementor devrait maintenant être activé sur toutes les pages de votre site Web.

Deuxième méthode : utiliser des modules complémentaires

Les Plus Addons for elementor comprennent une collection de widgets et de modèles pour vous aider à personnaliser votre site à l'aide d'elementor. Ce plugin vous permet d'ajouter des widgets dans la zone d'en-tête ou de pied de page. Suivez ces étapes pour changer l'élément ou le mode sombre de votre blog à l'aide de cet outil.

Étape 1 : Téléchargez les modules complémentaires Plus

Sur votre tableau de bord d'administration WordPress, cliquez sur Plugins et choisissez Ajouter nouveau. Vous serez dirigé vers le dépôt du plugin. Dans la barre de recherche, tapez The Plus Addons for Elementor et cliquez sur le bouton Installer maintenant.

Après l'installation, les paramètres Plus devraient apparaître en bas dans le coin gauche de votre tableau de bord.

Étape 2 : Activez le widget du mode sombre

Après avoir installé les Plus Addons, sélectionnez Plus Widgets sur le tableau de bord Plus Addon. Ensuite, tapez le mode sombre dans la zone de recherche et activez-le en déplaçant simplement la bascule vers la droite.

Étape 3 : Ajoutez le widget dans votre éditeur d'éléments

Pour ajouter votre widget en mode sombre, ouvrez l'en-tête de votre site Web, puis cliquez sur l'onglet "Modifier avec Elementor". Ensuite, tapez le widget du mode sombre dans votre panneau de widgets Elementor. Et enfin, faites glisser le widget et déposez-le à droite.

Étape 4 : Changer elementor en mode sombre

Sur le widget elementor dark mode, choisissez l'onglet contenu. Vous verrez trois options, y compris le mode sombre, la position et l'option supplémentaire. Choisissez l'option du mode sombre pour sélectionner un thème qui convient à votre site Web ou à votre marque parmi les différentes nuances du mode sombre.

Et si vous souhaitez personnaliser davantage le mode sombre, vous pouvez utiliser le paramètre d'option supplémentaire. Cliquez sur enregistrer les paramètres pour appliquer les modifications. À ce stade, votre élémentor doit être en mode sombre.

Mode normal d'Elementor et mode sombre : quelles sont les différences ?

Le mode normal Elementor est livré avec 4 couleurs globales prédéfinies ou par défaut. Ces couleurs incluent les couleurs primaires, textuelles, ascendantes et secondaires. Les couleurs primaires sont pour les en-têtes et les icônes, tandis que les couleurs secondaires sont pour les éléments de liste, les arrière-plans des tableaux de prix et les sous-titres. Pendant ce temps, les couleurs du texte sont pour les éléments de menu et les paragraphes, tandis que les couleurs d'accent sont pour les badges et les liens.

Avec le mode élémentaire ou sombre, il comprend des couleurs d'arrière-plan plus sombres et des couleurs de premier plan plus claires. Contrairement au mode normal, ce mode n'est pas un paramètre par défaut avec Elementor. Par conséquent, vous devrez utiliser des plugins gratuits ou pro en mode sombre pour l'activer. En mode sombre, l'élémentor utilise seulement deux ensembles de couleurs d'arrière-plan pour créer l'apparence du mode nuit.

À quoi servent les sélecteurs de couleurs en mode sombre ?

Lorsque vous utilisez le mode sombre, vous pouvez choisir différentes palettes de couleurs sombres pour correspondre au style de votre site Web. Un sélecteur de couleurs vous aide à sélectionner les meilleures couleurs des éléments visuels. En d'autres termes, vous pouvez utiliser un sélecteur de couleurs en mode sombre pour choisir rapidement une couleur à utiliser dans vos créations.

En plus de vous permettre de choisir les couleurs, les sélecteurs de couleurs pour le mode sombre vous permettent de stocker ces couleurs. Vous pouvez facilement enregistrer vos couleurs couramment utilisées pour en faciliter l'accès chaque fois que vous en avez besoin.

De plus, les sélecteurs de couleurs vous permettent de supprimer les couleurs dont vous n'avez plus besoin via une fonction de glisser-déposer. Plus important encore, il vous permet de réorganiser vos meilleures couleurs en mode sombre directement à partir du sélecteur dans le bon ordre.

Conclusion

Que vous souhaitiez changer d'élément ou passer en mode sombre pour une lisibilité ou une visibilité améliorée, vous pouvez le faire facilement. Vous avez juste besoin de savoir quels plugins utiliser et les étapes à suivre pour activer votre mode sombre elementor. En effet, contrairement aux plugins comme le mode sombre QS , elementor ne dispose pas d'un plugin de mode sombre par défaut intégré.

Heureusement pour vous, vous pouvez trouver toutes ces informations ci-dessus. Cependant, il convient de mentionner qu'il existe d'autres plugins que vous pouvez utiliser pour changer elementor en mode sombre.

Et pour plus de commodité, nous vous recommandons d'utiliser des sélecteurs de couleurs pour le mode sombre. Cela peut vous faire gagner du temps lorsqu'il s'agit de choisir la bonne couleur et le thème du mode sombre pour vos différentes pages.

Modèle de publication de blog unique