Comment activer le mode nuit dans WordPress

Chaque utilisateur peut choisir la manière de voir le tableau de bord WordPress en mode obscur ou en mode normal. Ainsi, si quelqu’un veut continuer à utiliser le tableau de bord WordPress sur fond blanc, il n’y a aucun problème à le faire.
Avec le plugin mode obscurité de WordPress, nous pouvons activer le mode nuit sur le tableau de bord de WordPress. Dans la capture damp;rsquoécran précédente, pouvez voir les résultats de lamp;rsquoactivation du mode foncé. Ça a lamp;rsquoair super! Jamp;rsquoaime vraiment lamp;rsquoeffet damp;rsquoavoir aussi un fond noir au milieu de la page, pas seulement un menu latéral. Malheureusement, le plug in en mode obscur de WordPress a un problème en suspens: fournir la compatibilité avec l’éditeur de bloc de Gutenberg. Sur lamp;rsquoécran ci dessous, pouvez voir quamp;rsquoil namp;rsquoa pas encore appliqué de fond foncé à Gutenberg:
Le plug in en mode obscur utilisé pour activer le mode nuit sur le tableau de bord wordpress ne fonctionne toujours pas avec Gutenberg. Je pense que si le plug in est assez réussi et que lamp;rsquoutilisateur en a besoin, ses développeurs finiront par lamp;rsquoajuster pour que lamp;rsquoéditeur de bloc apparaisse également en mode nuit. Quoi quamp;rsquoil en soit, le rythme effréné du développement de Gutenberg et ses mises à jour de style « fréquentes » rendent lamp;rsquoadaptation assez complexe. Comment activer le mode nuit le plugin mode nuit pour les visiteurs de WordPress n’ajoute que le mode nuit au tableau de bord WordPress. Le reste du site, camp;rsquoest à dire lamp;rsquoavant plan que les visiteurs voient, restera inchangé sans changement.
voulez que vos visiteurs puissent activer le mode nuit sur votre site en utilisant un fond foncé plutôt quamp;rsquoun fond clair, devez installer le plug in WP Night mode.
Le plugin WP Night mode permet d’ajouter le mode night à WordPress afin que vos visiteurs puissent choisir au besoin
La valeur par défaut est le mode nuit et un style différent est créé. Dans chaque style, définissez la couleur de fond, la couleur du texte et la couleur du lien.
Lamp;rsquoavantage du personnalisateur est que pouvez voir un aperçu réaliste de lamp;rsquoapparence du site en utilisant la couleur sélectionnée:
nous utilisons le plug in WP Night mode de WordPress, nous pouvons définir l’arrière plan et la couleur du texte et des liens de mode nuit dans le customizer. Malheureusement, les résultats ne sont pas parfaits: certains éléments ont encore un fond clair et semblent étranges en mode nuit. Mais ne tamp;rsquoinquiète pas, on peut arranger ça. Du personnalisateur lui même, pouvez ajouter des règles CSS supplémentaires pour résoudre ces petits problèmes. Retournez au personnalisateur et verrez des options CSS supplémentaires. le sélectionnez, pouvez choisir damp;rsquoy écrire des règles CSS. Ces règles peuvent être les suivantes:
Corps Le mode nuit Wp est activé. Classe damp;rsquoéléments à réparer pour {couleur: 000} Gardez à lamp;rsquoesprit que ce que le plug in fait vraiment est damp;rsquoappliquer le mode de nuit WP de classe CSS dans lamp;rsquoonglet corps du site. Par conséquent, si voulez corriger lamp;rsquoarrière plan de lamp;rsquoélément HTML et lamp;rsquoassombrir, tout ce que avez à faire est de trouver un sélecteur pour lamp;rsquoélément et damp;rsquoappliquer la correction lorsque la classe de lamp;rsquoétiquette du corps a le mode WP night. Dans la comparaison ci dessous, pouvez voir une comparaison de base entre les modes normal et nocturne et les couleurs que nous appliquons:

Le mode nuit change lamp;rsquoapparence du site pour les visiteurs. Ils peuvent choisir de voir le mode nuit ou normal. Cliquez sur le diviseur damp;rsquoimage et faites glisser la souris pour voir comment la vue change en mode nuit et en mode normal. L’ajout du mode nuit dans WordPress est très simple grâce à plusieurs plugins. Aujourdamp;rsquohui, nous examinons ce qui nous a aidés à

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins