How to use dark mode on your WordPress site
Feb 23, 2024 22:37:57 GMT -8
Post by account_disabled on Feb 23, 2024 22:37:57 GMT -8
I start this article with a question: do you prefer light or dark mode on your smartphone? Is your YouTube all white or all black? And your computer, how is it set up? I'm sure most of you prefer dark mode . It is not just a question of aesthetics, but also a way to reduce the visual discomfort that can result from a long period in front of the screen. If you also use this setting, then you are part of the 81.9% of users who prefer dark mode , according to EarthWeb . And that's not all, because the same report informs us that as many as 64.6% of users expect to visit a website with automatic dark mode . If you want to make all these people happy, then the next move is to apply dark mode to your WordPress site . Here's how to give that extra element of design and user experience to your site. Enable dark mode on your WordPress site with WP Dark Mode To apply a nice dark theme to your WordPress site , use the free WP Dark Mode plugin .
Thanks to a very simple configuration, you can ensure America Mobile Number List that your site resumes the default settings of the device from which it is viewed, but you can also give the possibility to switch from dark to light mode at any time and even set the dark mode of default . Download and install the plugin directly from your dashboard under Plugins > Add a new plugin and searching for WP Dark Mode. Install WP Dark Mode to enable dark mode on your site The new WP Dark Mode menu will appear on the Dashboard , so enter the Settings section . Let's see the most important functions. The General Settings tab allows you to: Enable dark mode in the frontend; In this way, those who visit your site will find a selector to switch to dark mode; Enable dark mode in the backend (yes, even your Dashboard can have dark mode!); You will find a selector to choose the mode in the toolbar at the top of your dashboard; Activate the default mode set by the user's device; Enable dark mode for the WordPress block editor (that's right, that too!); Also in this case, in the top bar you will find the selector to choose the mode.
WP Dark Mode General Settings In the Advanced Settings tab you can instead activate the default dark mode , so all users will see it as soon as they arrive on your site. On Color Settings you can instead choose the colors to use. WP Dark Mode Advanced Settings Switch Settings is the area where you find different types of switch and you can set its size and position. On Accessibility Settings you can activate a shortcut to activate your preferred mode from the keyboard. Inside Image Settings , however, you can even set the brightness of the images and use a grayscale. Social Share with WP Dark Mode A really interesting extra feature recently introduced in the plugin is the ability to activate social sharing buttons. Go to WP Dark Mode > Social Share to choose which buttons to activate and customize styles, colors, position, etc.
Thanks to a very simple configuration, you can ensure America Mobile Number List that your site resumes the default settings of the device from which it is viewed, but you can also give the possibility to switch from dark to light mode at any time and even set the dark mode of default . Download and install the plugin directly from your dashboard under Plugins > Add a new plugin and searching for WP Dark Mode. Install WP Dark Mode to enable dark mode on your site The new WP Dark Mode menu will appear on the Dashboard , so enter the Settings section . Let's see the most important functions. The General Settings tab allows you to: Enable dark mode in the frontend; In this way, those who visit your site will find a selector to switch to dark mode; Enable dark mode in the backend (yes, even your Dashboard can have dark mode!); You will find a selector to choose the mode in the toolbar at the top of your dashboard; Activate the default mode set by the user's device; Enable dark mode for the WordPress block editor (that's right, that too!); Also in this case, in the top bar you will find the selector to choose the mode.
WP Dark Mode General Settings In the Advanced Settings tab you can instead activate the default dark mode , so all users will see it as soon as they arrive on your site. On Color Settings you can instead choose the colors to use. WP Dark Mode Advanced Settings Switch Settings is the area where you find different types of switch and you can set its size and position. On Accessibility Settings you can activate a shortcut to activate your preferred mode from the keyboard. Inside Image Settings , however, you can even set the brightness of the images and use a grayscale. Social Share with WP Dark Mode A really interesting extra feature recently introduced in the plugin is the ability to activate social sharing buttons. Go to WP Dark Mode > Social Share to choose which buttons to activate and customize styles, colors, position, etc.