Today we are going to show you how you can enable Dark Mode in WordPress 5.6.
WordPress recently created a stir in the industry when they released their new version 5.6 “Simone”. They introduced some new features and improved quite a bit. Not only they introduced a new theme Twenty Twenty-One, but they also improved quite a lot on their block editor as well.
Regarding the new theme, did you know that you can now add Dark Mode if you want? Yes, you heard that right. You can add a dark theme to your website if you use the new theme.
Ok, laissez-nous vous montrer.
Enable Dark Mode in WordPress 5.6 (Theme Wise)
If you are confused behind the decision of the WordPress developers to add Dark Mode to their new theme, then you are not well informed about the recent trend of the Dark Theme.
All big to small companies are adding an option to enable Dark Mode on their websites for their users.
WordPress is following the same trend as well. You can enable Dark Mode in WordPress 5.6.
To do that, you first need to activate the new Twenty Twenty-One theme from your admin dashboard.
If you don’t know it, just go to Appearances-> Themes-> Add New. There you will find the new theme.
After that, you need to customize it.
To activate Dark Mode, you can go to the Colors & Mode sombre section in your Customizer. If you have a light color selected for the site’s background.
You will be able to see and activate the Dark Mode Support settings. The background color you select will be applied to light mode, while Dark Mode colors are optimized automatically.
You can use the Dark Mode On/Off button at the bottom of the preview screen to toggle between dark & light schemes in your preview.
See how easy it is. You can easily have a cool dark effect on your website using this feature.
However, now we are going to show you how you can enable Dark Mode in WordPress 5.6 using a plugin.
Enable Dark Mode in WordPress 5.6 (Plugin Wise)
Lorsque vous utilisez le thème, il vous donne une occasion très limitée de présenter votre créativité. Et vous lui donnez un effet sombre. Pas une bonne idée je suppose.
Donc, pour vous démarquer, vous devez créer votre propre site Web unique, puis lui donner un effet sombre pour gagner plus de trafic et de ventes. Alors, que pouvez-vous faire pour ajouter le mode sombre sans utiliser les fonctionnalités du thème?
Eh bien, vous pouvez utiliser un plugin comme WP Dark Mode. Oui, avec l'aide de ce plugin en mode sombre, vous pouvez ajouter un effet sombre à tout type de site Web basé sur WordPress .
Il a des fonctionnalités comme ci-dessous,
- Mode sombre basé sur le temps
- 5 schémas de couleurs exclusives
- Plusieurs styles de commutation en mode sombre
- Shortcode de commutateur en mode noir
- Placer le commutateur au-dessus du contenu du post / page
- Widget de commutateur en mode noir
- Exclut les pages du mode sombre
- Exclut les éléments du mode sombre
- Comprend les paramètres
- Texte de commutateur personnalisé
- 10+ Dark Mode Color Schemes
- Support d'image basé sur le mode noir
- Utilisez des couleurs de mode foncé personnalisé
- Éditeur de post WordPress en mode sombre
- Personnalisez chaque élément comme vous le souhaitez
- Tous les principaux thèmes WordPress pris en charge
- CSS personnalisé basé sur le mode noir
- Interrupteur en mode noir dans le menu
- Changement d'image d'arrière-plan
- Prise en charge du logo en mode noir.
Maintenant, voyons
Comment activer le mode sombre
When you activate the plugin from your dashboard,
Aller au Paramètres » WP Dark Mode Page dans votre administrateur WordPress et cliquez sur l'onglet Paramètres généraux. Vous devez y être redirigé automatiquement.
Il y a pas mal d'options pour vous.
Si vous activez le «Activer Frontend DarkMode«Cela permettra le mode sombre sur le frontage de votre site Web.
Le bouton 'Show Floating SwitcH 'Une fois allumé, les utilisateurs peuvent changer leur vue du site en mode sombre à tout moment, même s'ils n'ont pas activé une option de mode sombre sur leur appareil.
The ‘Activer le mode sombre«a été allumé. Cela signifie que les visiteurs verront automatiquement la version en mode Dark de votre site une fois que leur appareil est défini sur le mode sombre.
When you visit your website, you will see the switch in the bottom right corner. Click it to instantly switch your site to dark mode on your device.
But wait, there are more customization options available on the Settings » WP Dark Mode page. However, this is quite limited to the free plugin.
You can also customize the dark mode colors using the Style Settings tab:
Click the Display Settings tab to change the style of the floating switch:
With the free version of WP Dark Mode, you only get the first 2 floating switch styles, and the first 2 color presets to choose from.
Adding Dark Mode to Admin Backend
What surprising is that you can add Dark Mode to your admin dashboard as well.
WordPress comes with admin color schemes. But it is an important factor to reduce the white light coming from your screen. Fortunately, WP Dark Mode solves that issue.
You can easily add dark mode to your WordPress admin area for a more enjoyable user experience.
Accédez à la Paramètres » WP Dark Mode page and click on the General Settings tab. Then, toggle the ‘Enable Backend Darkmode’ switch to the on position.
You will now see a new switch in the top bar of your admin area:
Simply click on this switch to instantly toggle your admin area to dark mode.
If your site has multiple WordPress users, each person can toggle the Dark Mode on and off as they prefer.
See how easy it is to enable Dark Mode in WordPress version 5.6.
Derniers mots
One of the main features the users are looking for is the use of Dark Mode. Be it an Android application or a website, users want these features. That is why all the big websites like Facebook, YouTube, Reddit have brought the dark mode feature for their users.
That’s why WordPress 5.6 has introduced this feature through their theme. However, if you want to enable Dark Mode in WordPress for any kind of website design, then you need to use the WP Dark Mode plugin.
We hope our short tutorial will help you add a dark theme to your website.
