Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Mode sombre de WP

1 avis d'utilisateur | Notre expert Mode sombre de WP Review

ConceptionUtilisé par plus de 20 000 personnes users

WP Dark Mode peut ajouter le mode sombre à votre site faisant face au public et au tableau de bord d'administration. Il peut également activer ce mode automatiquement en fonction des Réglages de l'appareil de l'utilisateur, ou d'un calendrier défini par vous.
Avez-vous déjà utilisé "Mode sombre de WP"? Ajoutez votre commentaire pour aider la communauté.

Pour :

  • Extension pour le mode sombre
  • Ajoutez le mode sombre à votre interface publique et à votre tableau de bord WordPress.
  • 19 styles de commutation
  • Planifier le mode sombre en fonction des réglages de l'utilisateur ou du fuseau horaire
  • Animations de transition
  • Exclure les types de publication personnalisés, les pages, les articles, les catégories et les identifiants du mode sombre.
  • Version des rapports d'analyse et d'e-mails intégrés

Les utilisateurs/utilisatrices de WPBeginner peuvent enregistrer jusqu'à 25% !

Visiter Mode sombre de WP

(cette réduction sera appliquée automatiquement)

| Reader Disclosure

WP Dark Mode Avis : Est-ce la bonne extension pour le mode sombre ?

Avis sur WP Dark Mode pour vous aider à décider si c’est l’extension de mode sombre qu’il vous faut.

Cette extension permet d’ajouter un mode sombre à votre site public et à la zone d’administration de WordPress. Pour de nombreuses personnes, cela peut les aider à éviter la fatigue oculaire et les maux de tête, et favoriser un meilleur sommeil, même lorsqu’elles visitent votre site dans des conditions de faible luminosité.

Dans cet Avis WP Dark Mode, nous allons nous pencher sur cette extension populaire de mode sombre pour voir si elle convient à votre site WordPress.

WP Dark Mode review: Is it the right dark mode plugin for you?

Mode sombre de WP : Pourquoi l’utiliser dans WordPress ?

WP Dark Mode permet aux internautes d’activer le mode sombre sur votre site ou blog WordPress, en un seul clic.

How to add dark mode to your WordPress blog or website

Il ajoute également un commutateur au tableau de bord de l’administrateur, afin que les utilisateurs/utilisatrices puissent activer le mode sombre dans leur tableau de bord WordPress.

Pour rendre l’expérience de l’utilisateur transparente, WP Dark Mode peut activer et désactiver ce mode automatiquement en fonction des Réglages de l’appareil de l’utilisateur, ou en fonction d’un calendrier défini par vous. Vous pouvez même activer automatiquement le mode sombre au crépuscule, en fonction de l’emplacement de l’internaute.

Si vous venez de Premiers pas ou avez un budget limité, alors vous pouvez télécharger la version lite de WP Dark Mode sur WordPress.org.

The free WP Dark Mode WordPress plugin

Cette extension gratuite ajoute un mode sombre à votre blog ou site WordPress.

Vous pouvez également faire du mode sombre le défaut de votre site, ou activer et désactiver ce mode automatiquement en fonction des réglages de l’utilisateur. Cependant, l’extension premium offre une expérience plus transparente en activant automatiquement le mode sombre à une heure spécifique, ou en l’activant au coucher du soleil en fonction de la situation géographique de l’internaute.

L’offre premium comprend également des designs d’interrupteurs supplémentaires et davantage d’options de personnalisation, ce qui vous permet de créer un interrupteur qui s’harmonise parfaitement avec la marque de votre entreprise ou de votre personne.

WP Dark Mode Avis : Est-ce la bonne extension pour le mode sombre ?

En ajoutant un commutateur de mode sombre à votre site, les utilisateurs/utilisatrices peuvent choisir leur mode préféré sans avoir à installer une extension de navigateur distincte. Si les utilisateurs/utilisatrices travaillent régulièrement sur votre site jusque tard dans la nuit ou souffrent de fatigue oculaire, une extension de mode sombre peut également être utile à vos admins, auteurs/autrices et autres contributeurs/contributrices.

Ceci étant dit, voyons si WP Dark Mode est l’extension de mode sombre qu’il vous faut.

1. Interrupteur flottant de mode sombre

WP Dark Mode ajoute un bouton flottant de mode sombre vers le bas de l’écran.

An example of a floating dark mode switch on a WordPress website

Vous permettez aux internautes de commuter entre le mode sombre et le mode clair, sur n’importe quelle page de votre site, de votre blog ou de votre stock en ligne.

2. Compatible avec les thèmes WordPress

WP Dark Mode est compatible avec tous les thèmes WordPress les plus populaires, notamment Astra, OceanWP et Divi.

Comme il est compatible avec de nombreux thèmes, vous pouvez modifier votre thème WordPress à tout moment sans perdre vos réglages de mode sombre.

3. Commutateurs entièrement personnalisables

L’extension gratuite est livrée avec 3 styles de commutateurs différents que vous pouvez utiliser. Cependant, si vous mettez à niveau vers l’extension premium, alors vous aurez accès à 19 styles de commutateurs en mode sombre.

Applying a ready-made style to a toggle

Après avoir choisi un style, vous pouvez le personnaliser en modifiant la taille, l’icône, le texte, les couleurs, l’appel à l’action, etc. Vous pouvez même téléverser vos propres icônes personnalisées à utiliser dans le commutateur. De cette façon, vous pouvez créer un interrupteur qui convient parfaitement à votre thème WordPress.

Vous pouvez également choisir parmi 13 préréglages de couleurs. Même si vous choisissez un préréglage, vous pouvez ajuster chaque partie de ce préréglage, notamment en modifiant le texte, le jeu de couleurs, les boutons et la barre de défilement.

Choosing a color preset for your WordPress dark mode

Une autre option consiste à créer un préréglage de couleurs personnalisé et à l’utiliser exactement de la même manière que les préréglages par défaut. Il s’agit d’un moyen simple et rapide de créer un design qui s’harmonise parfaitement avec votre marque et votre jeu de couleurs.

4. Animations intégrées

WP Dark Mode est livré avec plusieurs animations de transition que vous pouvez utiliser lorsque les internautes passent du mode sombre au mode clair, notamment le fondu enchaîné, la pulsation et le retournement.

Version encore plus intéressante, l’éditeur WP Dark Mode est livré avec une Prévisualisation intégrée, ce qui vous permet d’essayer de nombreuses animations différentes et de voir celle que vous préférez.

Adding transition effects to dark and light mode

5. Placements multiples de commutateurs

Avec le mode sombre de WP, vous pouvez choisir exactement l’endroit où le commutateur apparaît à l’écran. Pour commencer, vous pouvez choisir entre un alignement à gauche, à droite et personnalisé.

Changing the position of a toggle on your WordPress website, blog, or online marketplace

WP Dark Mode peut également ajouter un interrupteur à votre menu de navigation.

Il suffit de cocher un bouton dans les Réglages du menu, et le mode sombre de WP s’occupe du reste.

Adding a dark mode switch to your WordPress navigation menu

Vous pouvez également accéder à certaines options de personnalisation de base dans le tableau de bord « Modifier le menu », afin d’adapter le commutateur à votre menu.

Vous pouvez également ajouter un interrupteur au contenu de votre page et de votre publication. Vous pouvez choisir d’afficher l’interrupteur avant le contenu principal ou sous le contenu de la page.

Adding a dark mode toggle to your pages and posts

6. Bloc de commutation du mode sombre

Avez-vous besoin de contrôler exactement l’endroit où le commutateur du mode sombre apparaît à l’écran ? Vous pourriez également vouloir l’ajouter uniquement à des pages spécifiques, comme une page d’atterrissage particulière.

Dans ce cas, WP Dark Mode propose un bloc que vous pouvez ajouter via l’éditeur de contenu de WordPress.

Adding a Dark Mode block in the WordPress block editor

Vous pouvez également modifier le style et la taille des interrupteurs via l’éditeur de blocs de WordPress. Cela vous permet de surcharger les réglages par défaut, et de donner à chaque interrupteur un aspect et une sensation uniques. Alternativement, vous pouvez ajouter l’interrupteur en utilisant un code court que WP Dark Mode fournit automatiquement.

7. Planifier automatiquement le mode sombre

WP Dark Mode peut modifier le mode de votre site automatiquement, à une heure précise. Cela se fait en fonction des réglages de l’utilisateur, c’est donc idéal si vous avez un public international.

Une autre option consiste à activer automatiquement le mode sombre au coucher du soleil, en fonction de l’Emplacement de l’internaute. Il s’agit d’une option « à définir et à oublier », qui activera toujours le mode sombre au bon moment, pour chaque utilisateur/utilisatrice.

8. Changement de mode en fonction des réglages utilisateurs/utilisatrices

WP Dark Mode peut détecter si l’appareil de l’utilisateur est en mode clair ou foncé. Il peut ensuite basculer vers le bon mode en fonction des réglages de leur appareil, pour une expérience plus fluide pour les internautes.

Cette fonctionnalité est compatible avec tous les principaux systèmes d’exploitation, notamment iOS, Android, macOS et Windows 10. Cela dit, elle devrait offrir la même expérience à tous les utilisateurs/utilisatrices, quel que soit leur appareil.

9. Mode sombre pour l’administrateur

Vous pouvez modifier le jeu de couleurs de l’interface d’administration de WordPress à l’aide des Réglages intégrés. Montant, aucun des jeux de couleurs par défaut ne réduit la quantité de lumière blanche provenant de l’écran.

Cela dit, vous serez heureux d’apprendre que WP Dark Mode peut également ajouter un commutateur au tableau de bord de l’administrateur.

Enabling dark mode in the WordPress admin area

Après avoir activé le mode sombre, les administrateurs et les autres utilisateurs/utilisatrices connectés verront une version en mode sombre du tableau de bord WordPress.

L’extension peut également ajouter le mode sombre à l’éditeur de blocs, pour une expérience utilisateur plus fluide.

Enabling dark mode for the WordPress content editor

Après avoir activé ce Réglage, il suffit d’ouvrir n’importe quelle page ou publication dans l’éditeur de contenu.

Vous verrez maintenant une option permettant d’activer le mode sombre.

How to enable dark mode in the WordPress block editor

Mieux encore, si vous gérez un blog WordPress à auteurs/autrices multiples, chaque compte peut activer ou désactiver le mode sombre à sa guise. L’extension se souviendra même des préférences de chaque utilisateur/utilisatrice la prochaine fois qu’il/elle se connectera.

10. Les fonctionnalités d’accessibilité

Certains internautes peuvent utiliser des outils d’accessibilité, ou avoir des besoins différents. Pour supporter ces utilisateurs/utilisatrices, WP Mode vous permet de faire basculer le mode sombre à l’aide d’un raccourci clavier ou d’un paramètre de domaine.

En outre, certains internautes peuvent trouver difficile de lire le texte en mode sombre. Pour aider ces utilisateurs/utilisatrices, vous pouvez augmenter automatiquement la taille de la police lorsque le mode sombre est activé.

Automatically adjusting the font size on your website

Pour en savoir plus sur ce Sujet, consultez notre guide sur l ‘amélioration de l’accessibilité sur votre site WordPress.

11. Améliorer les performances de votre site

Le mode sombre de WP est livré avec un certain nombre de réglages qui peuvent améliorer la vitesse de chargement de vos pages. Il s’agit notamment de choisir si les scripts du mode sombre doivent se charger avant l’analyse et le rendu du contenu de la page, ou de récupérer le script du mode sombre de manière asynchrone.

Vous pouvez également charger vos scripts dans le pied de page, ce qui réduira les blocages de rendu.

12. Modifier le mode par défaut

Avec cette extension, vous avez l’option de faire du mode sombre le mode par défaut de votre site. Cela signifie que les internautes verront le mode sombre en premier, lorsqu’ils visiteront votre site, votre blog ou votre place de marché en ligne.

Making dark mode the default on a WordPress website, blog, or online store

Ces internautes peuvent passer en mode lumineux à tout moment, en cliquant simplement sur le commutateur WP Dark Mode.

13. Effets de luminosité et de niveaux de gris

Le mode sombre peut empêcher de voir clairement les médias de votre site, ou vos vidéos et images peuvent apparaître trop claires lorsque le mode sombre est activé.

Cela dit, cette extension peut diminuer la luminosité de vos images et vidéos automatiquement, en fonction de vos Réglages. Vous pouvez également ajouter un effet d’échelle de gris, et régler avec précision la quantité d’échelle de gris pour qu’elle convienne parfaitement à votre site.

Automatically adjusting the brightness on a WordPress image

Ces réglages sont particulièrement utiles si les images ou les vidéos configurent une grande partie de votre site. Par exemple, vous voudrez explorer ces options si vous gérez un portfolio de photographies ou si vous vendez des graphiques numériques en ligne.

Si vous activez la faible luminosité ou les niveaux de gris, vous pouvez exclure des images ou des vidéos spécifiques. Par exemple, vous pouvez exclure le logo de votre site, afin de ne pas affaiblir votre marque.

Excluding specific images from your grayscale effects

Une autre option consiste à remplacer des images ou des vidéos spécifiques lorsque le mode sombre est activé. Par exemple, vous pouvez concevoir une version d’une infographie optimisée pour le mode sombre.

De même, si vos vidéos ont un arrière-plan sombre, celui-ci peut disparaître après l’activation du mode sombre. Cela dit, vous pouvez modifier la vidéo pour obtenir un arrière-plan plus clair, puis téléverser cette nouvelle version pour le mode sombre.

Showing alternative videos and images when your site is in dark mode

14. Exclure des pages, des publications et bien d’autres choses encore

Parfois, vous pouvez vouloir exclure certaines pages du mode sombre, comme les pages d’atterrissage importantes ou les pages de vente.

Avec WP Dark Mode, vous pouvez exclure des pages et des publications spécifiques, des types de publications personnalisés, ou même des catégories et des identifiants entiers.

How to exclude categories and tags from dark mode

Vous gérez une boutique en ligne ? Alors vous pouvez également exclure tous vos produits et catégories de produits WooCommerce du mode sombre.

15. Support des CSS personnalisés

WP Dark Mode dispose d’une tonne d’options de personnalisation. Cependant, les utilisateurs/utilisatrices plus avancés ont également la faculté d’utiliser des CSS personnalisés via un éditeur/éditrices de code intégré dans les Réglages du plugin.

How to add custom CSS to your website

Cela vous permet d’affiner des réglages et des éléments spécifiques au sein du commutateur, afin de créer votre design parfait.

16. Statistiques en mode sombre

Aucun type de site d’entreprise, de blog ou de magasin en ligne n’a été créé. Il est important de surveiller la façon dont les gens interagissent avec votre contenu.

Dans cette optique, WP Dark Mode est livré avec des statistiques intégrées afin que vous puissiez voir comment les gens utilisent le mode sombre.

How to track visitors on your WordPress website

Vous pouvez utiliser ces informations pour affiner le fonctionnement du mode sombre sur votre site. Par exemple, vous pouvez exclure certains types de publications personnalisées, modifier votre Planifier le mode sombre ou ajuster le design du commutateur pour le rendre plus visible.

WP Dark Mode peut également envoyer ces informations par e-mail, ce qui vous permet de surveiller votre trafic et l’activité des internautes sans même vous connecter au tableau de bord WordPress.

17. Support pour Elementor

Utilisez-vous Elementor?

WP Dark Mode s’intègre parfaitement à ce constructeur de page populaire, en fournissant un widget Elementor. Avec ce widget, vous pouvez placer le commutateur de mode sombre sur n’importe quelle page ou publication.

18. Réglages d’exportation et d’importation

Vous dirigez une agence de développement/développeuses WordPress ou vous possédez plusieurs sites web ? Dans ce cas, il se peut que vous utilisiez les mêmes réglages du mode sombre sur plusieurs sites.

Plutôt que de recréer ces réglages manuellement, vous pouvez les exporter sous la forme d’un fichier JSON.

How to export your WP Dark Mode settings

Vous pouvez ensuite importer vos réglages dans n’importe quel autre site sur lequel WP Dark Mode est installé.

19. Boutons de partage social

En tant que bonus ajouté, WP Dark Mode est livré avec des boutons de partage social que vous pouvez ajouter à votre site WordPress.

How to display social sharing icons on your blog or website

Vous pouvez affiner l’emplacement de ces boutons sur vos publications et pages, modifier l’apparence, spécifier les informations à inclure, et bien plus encore.

Ces boutons ont été conçus en tenant compte du mode sombre, de sorte qu’ils auront fière allure quel que soit le mode activé par l’utilisateur/utilisatrice.

Customizing the social sharing icons on your website or online store

20. Support communautaire et professionnel

Avec ce plugin WordPress, vous pouvez ajouter le mode sombre à l’interface publique et au tableau de bord de votre site, en quelques clics. Cependant, il dispose également d’une tonne de réglages et d’options de personnalisation supplémentaires que vous pouvez explorer.

Si vous souhaitez aller plus loin, vous pouvez bénéficier d’une aide supplémentaire. Pour commencer, il existe une documentation en ligne qui affiche comment installer et activer l’ extension, avant d’aborder des sujets et des fonctionnalités plus avancés.

An example of an online knowledge base

Il y a aussi un blog où l’équipe de WP Dark Mode couvre une plage de sujets. Vous y trouverez leur choix d’experts sur les extensions WordPress indispensables à utiliser avec WP Dark Mode, ainsi que des tutoriels utiles.

Si vous utilisez l’extension gratuite, vous pouvez publier sur le forum WP Dark Mode sur WordPress.org, et obtenir des réponses aux questions de base.

Lorsque vous publiez des messages sur des forums de support publics, il est toujours bon d’inclure autant d’informations que possible, afin que les experts puissent comprendre pleinement votre problème et publier une réponse utile. Pour en savoir plus sur ce Sujet, veuillez consulter notre guide sur la façon de demander correctement un support WordPress.

Si vous passez à l’extension premium, vous aurez également accès à la discussion directe et au support VIP, afin que vous puissiez obtenir de l’aide directement auprès des experts.

Avis sur WP Dark Mode : Prix et offres

Si vous venez de Premiers pas ou avez un budget limité, alors vous pouvez télécharger la version lite de WP Dark Mode sur WordPress.org.

Cependant, si vous souhaitez planifier l’activation automatique du mode sombre et déverrouiller plus d’options de personnalisation, alors vous devrez mettre à niveau vers l’extension premium.

WP Dark Mode's pricing and plans

Vous pouvez acheter une licence annuelle ou à vie. Aucun de la licence que vous obtenez, le prix variera en fonction du nombre de sites où vous souhaitez utiliser WP Dark Mode.

Si vous optez pour une licence annuelle, alors vous pouvez installer WP Dark Mode sur un seul site pour 49 $, tandis que vous pouvez installer l’extension sur un maximum de 5 sites pour 66,75 $ par an. C’est une bonne option si vous gérez plusieurs sites, comme plusieurs blogs de marketing d’affiliation dans un réseau.

Voulez-vous acheter une licence à vie ? Alors vous pouvez utiliser WP Dark Mode sur un maximum de 50 sites pour 174,30 $. Enfin, vous pouvez installer cette extension sur un maximum de 1 000 sites pour 226,85 $. Cela dit, ces licences à vie sont idéales pour les grandes agences de développement WordPress ou les développeurs/développeuses indépendants avec une longue liste de clients.

WP Dark Mode Avis : Est-ce la bonne extension pour le mode sombre ?

Après avoir examiné les fonctionnalités, le support et les prix, nous sommes convaincus que WP Dark Mode est un excellent plugin de mode sombre. Il aide vos utilisateurs/utilisatrices à éviter la fatigue oculaire et les maux de tête en ajoutant un mode sombre à votre site faisant face au public et à la zone d’administration de WordPress.

Après avoir activé ce mode, vous pouvez personnaliser l’interrupteur en ajoutant votre propre jeu de couleurs, votre appel à l’action et votre icône. Vous pouvez également contrôler exactement où cet interrupteur apparaît sur votre site, ou l’ajouter à des pages et des publications spécifiques à l’aide d’un bloc ou d’un code court que l’extension fournit automatiquement.

Pour améliorer l’expérience utilisateur, vous pouvez même activer le mode sombre automatiquement en fonction d’un planifié ou des Réglages de l’appareil de l’utilisateur.

Nous espérons que cet Avis sur WP Dark Mode vous a aidé à décider si c’est la bonne extension pour le mode sombre pour vous. Ensuite, vous pouvez consulter notre guide sur la façon de choisir le meilleur logiciel de conception de sites Web, ou consulter notre choix d’experts des meilleures solutions d’analyse pour les utilisateurs/utilisatrices de WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Les utilisateurs/utilisatrices de WPBeginner peuvent enregistrer jusqu'à 25% !

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Reader Interactions

1 avis d'utilisateurAjouter un commentaire

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Laisser un commentaire

Merci d'avoir choisi de laisser un avis. Veuillez garder à l'esprit que tous les avis sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.

Votre évaluation: