Add a Dark Mode to Your WordPress Website | Step by Step Tutorial 2024

Easily add a Dark Mode to your website. Get the free version here to get started: wp.discount/darkmode/ 👇🏻👇🏻👇🏻 Start here 👇🏻👇🏻👇🏻
Do you want to support me? Leave a like, watch another video from me, buy Divi with 10% discount // a hosting plan with 80% discount via the link below. That will help me enormously to create these free videos for you and keep going!
⇒ Software that I recommend:
✅ Dark Mode plugin ⇒ wp.discount/darkmode/
✅ Hosting & domain ⇒ wp.discount/host/
✅ Best caching plugin ⇒ wp.discount/cache/
✅ Divi with 10% discount ⇒ wp.discount/divi/
✅ Elementor Pro ⇒ wp.discount/elementor/
⇒ See my PC build and studio gear:
🖥️ wpressdoctor.com/gear/
⇒ Top video's I recommend:
• Yoast SEO vs RankMath ...
• Secure Your WordPress ...
• BEST Mailchimp Alterna...
• How to Migrate WordPre...
• How to Make a WordPres...
I want you to succeed with your website, so lets get started.
⏱️Timestamps⏱️
0:00 Overview
0:13 Get the plugin
1:18 Setup
6:26 Place the switches
8:05 Pro Version
Thank you for watching! 😀
✅For tips and tricks on getting the most out of WordPress, don't forget to subscribe: wpressdoctor.com/sub
🧾 Transscript 🧾
In this video, we'll be adding a dark mode to your WordPress website. I first going to show you the free version, and after that I'm going to buy the Pro version so you can see if it will fit your need. If you want to help me out, go to wp.discount/darkmode/. This link is also in the description and in the comments of this video. I'll be forever grateful. And then we also have a 35% discount on WP Dark Mode using this link. So that's really great. Let's go over here to pricing. The beauty of this is it also has a lifetime deal for 50 websites. We only pay $174, which is already a 30% discount if you want to use it on unlimited sites. Well, 1000 sites. It's only $226. I'm going to buy this one, as also for my clients. And I really like this. Log in to your WordPress website. If you're still logging in using /wp-admin/... that's not a very safe way, so please watch my tutorial about securing your WordPress website. And then we go in the left side to 'Plugins' - 'Add new plugin'. And then we're going to search for the plugin "Dark Mode WP pool". And now we can see this plugin. And we going to install it. And then we press activate. Here we can allow or 'No thanks'. Well all right. Let's head over here to the settings on the left side. The first option is a very neat one if you just want to test it out only for you, you can disable this and then you're the only person who can see the dark mode on your website while being logged in. So this way we can tune and tweak it without going already live. So that's a very nice feature. And then we can choose how we want to use dark mode. Light, dark, or use the system settings of your visitor. I would really advise you to use the system settings, because in general, people already have set up their browser to go to dark mode or the OS on their mobile phones or on their computers. Just keep it like this. This is great. Then we go over here to the 'Admin panel Dark Mode'. If I enable this one and I press 'Save changes', you will see over here a button appearing and switch it to dark mode. And now also the backend is also in dark mode. Now this can be very useful if you create content during hours that you actually need to sleep. So that is also possible. And you can also use this on the block editor when working in in Gutenberg. Then we go over here to customization and the switch settings. In here we have three kind of switches. The floating switch, the menu switch, and the content switch. Well the floating switch is the only thing available for free in this plugin. But we're going to upgrade to a paid plugin in just a second. And I'm going to show you also these two. The floating switch can be this one light, dark, or this one. I really like this switch, but if you have the pro version, we can try any of these which also look really great, but we can customize it. We can make it small, medium, large, double XL or even custom. And then you can just make it the exact size that you would like to have. I'm going with the S feature, that's great. Switch it to the left or right. And if you want to make it custom, we have to buy the pro version. And then we also have this switch. Attention effect. Wobble or vibrate. Really great. Let's scroll up and then we go to the menu switch. Well, I actually want it to have it in the menu. But then we need the ultimate version. So I'm going to buy it in just a second. Hold on. If we then go to 'Color Settings' we can choose the color mode for our Dark Mode. You have the automatic color, but you also have color presets.
#darkmode #wordpress

Пікірлер: 14

  • @WPressDoctor
    @WPressDoctor2 ай бұрын

    Onlinepreneurs! I hope you can give your own website a darkmode! The link is wp.discount/darkmode/ If you have any questions, let me know in the comments below 😀

  • @mdsakibhossen2100

    @mdsakibhossen2100

    2 ай бұрын

    I see your content. Very helpfull to the community. But my request , just make a video how we can get web design client? It will be very beneficial for me & others. Hope we will get the client hunting video.

  • @WPressDoctor

    @WPressDoctor

    2 ай бұрын

    Hi there! Thanks for the kind words and the question! Yes this will be out soon! But not in the form of a video… exciting!! Stay tuned 😀

  • @Rico_Suave_
    @Rico_Suave_2 ай бұрын

    Useful, thanks

  • @WPressDoctor

    @WPressDoctor

    2 ай бұрын

    Hi there! You are very welcome! I’m glad I could help you out with this video. Stay tuned, more awesome tutorials coming up! Have a great day and take care 😀👍🏻

  • @Rico_Suave_

    @Rico_Suave_

    2 ай бұрын

    @@WPressDoctor sure, always digging for this kind of vid ✌

  • @techtoon8971
    @techtoon89712 ай бұрын

    I am a beginner and I have learnt a lot from you. You are WordPress Master❤ One more thing, you should do movies😄..I don't know why I am saying this, maybe because of your looks or style of speaking..

  • @WPressDoctor

    @WPressDoctor

    2 ай бұрын

    Hi there! You are very welcome! Thanks for the kind words, I really appreciate it. I’m glad I could help you out with my videos! Movies?? Haha well then I must also be a good actor 🤪 Maybe someday… Stay tuned, more awesome tutorials coming up! Have a great day and take care 😀👍🏻

  • @Mubashar783
    @Mubashar7832 ай бұрын

    You are so under rated guy 😢

  • @WPressDoctor

    @WPressDoctor

    2 ай бұрын

    Hi there! Thanks for the comment. Well I’m happy with every person that is helped with my videos! And my KZread friends are all really friendly and appreciative in the comments, so that’s all really great! My goal is to reach 100.000 subs this year, would be really something!!!

  • @thepresence2095
    @thepresence20952 ай бұрын

    Thanks so much for this, please the dark mode is obstructing the smoothness of my website animation, is there a fix for this please?

  • @WPressDoctor

    @WPressDoctor

    2 ай бұрын

    Hi there! Thanks for the question. What animation are you referring to? Switching pages?

  • @thepresence2095

    @thepresence2095

    2 ай бұрын

    @@WPressDoctor Elementor Image accordion is no longer animating properly and pop ups are not popping anymore