Vill du add to dark mode till din WordPress dashboard?
Ett mörkare färgschema kan göra det lättare att arbeta senare på dagen eller i dåliga ljusförhållanden genom att minska det vita och blå ljuset från din vy. Enligt vissa användare kan det också hjälpa dig som lider av ansträngda ögon, huvudvärk eller sömnproblem att minska detta ljus.
I den här artikeln visar vi dig hur du addar mörkt läge till WordPress adminpanelen.
Vad är mörkt läge och varför ska man add to det i WordPress?
Om du ofta arbetar med din WordPress website sent på kvällen eller under dåliga ljusförhållanden kan det starka ljuset från datorns vy orsaka ansträngda ögon.
Vissa människor tror till och med att starkt ljus kan störa din naturliga dygnsrytm och göra det svårare att somna.
Med detta i åtanke har många appar, websites och till och med operativsystem ett built-in mörkt läge som minskar mängden vitt ljus som kommer från vyn.
Om du har en iPhone eller Android-smartphone kanske du kan växla till mörkt läge med hjälp av en toggle.
Vissa populära webbplatser gillar YouTube erbjuder till och med ett built-in mörkt färgschema.
Att lägga till mörkt läge på din WordPress-webbplats är bra för besökarna, men du kanske också vill add to ett mörkt läge till din websites back-end. WordPress levereras med färgscheman för administratörer, men inget av standardfärgscheman minskar faktiskt mängden vitt ljus som kommer in genom vyn.
Med detta sagt, låt oss add to ett mörkt läge till WordPress admin area så att du kan arbeta bekvämt på din site sent på kvällen eller i svagt ljus.
Snabbt och enkelt sätt att add to Dark Mode till ditt WordPress Admin Area
Det enklaste sättet att add to ett mörkt läge till WordPress adminpanel är att använda WP Dark Mode. Detta plugin allow admins att aktivera och inaktivera mörkt läge med ett enda click.
Ännu bättre, om du run en WordPress blogg med flera auktoriseringar, kan varje person toggle mörkt läge på och av som de föredrar. Pluginet kommer att komma ihåg deras alternativ nästa gång de loggar in. För att lära dig mer, se vår kompletta WP Dark Mode review.
Först måste du installera och aktivera WP Dark Mode plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.
Efter aktivering, gå till WP Dark Mode ” Settings page i din WordPress dashboard och klicka sedan på Admin Panel Dark Mode tabs.
Aktivera sedan knappen ”Enable Admin Dashboard Dark Mode”.
Du kan också aktivera det mörka läget för Block Editor om du föredrar det.
Därefter rullar du ner och klickar på knappen ”Save Changes”.
Kl. 12.00 ser du en new ”Light / Dark”-knapp i admin-verktygsfältet.
Du kan clicka på denna toggle för att aktivera och inaktivera mörkt läge i admin area.
”Dark Mode” är inte ett färgschema för administratörer, så när du har aktiverat det kanske du vill försöka ändra färgschemat för administratörer.
Genom att välja ett mörkt färgschema kan du ytterligare minska mängden ljus som kommer från vyn. Ett annat alternativ är att välja ett ljusare färgschema, vilket gör dashboarden i mörkt läge lättare att läsa.
Om du vill ändra färgschemat för administratörer går du till Användare ” Profil och väljer sedan något av alternativen under Admin Color Scheme.
Du kan också aktivera mörkt läge on the front end på din website.
För att göra detta, gå till tabben ”Front-end Dark Mode” och aktivera knappen ”Enable Front-end Dark Mode”.
Gilla tidigare, se till att trycka på knappen ”Save Changes” när du är klar.
Besökare kommer fortfarande att se den vanliga, ljusa versionen av din WordPress blogg eller website. Men de kan när som helst byta till mörkt läge genom att clicka på iconen längst ner i högra hörnet.
För fler tips och tricks om hur du customize ditt admin area, kontrollera dessa guider:
- Viktiga tips för att skydda ditt admin area i WordPress (Updated)
- Så här addar du Customize Admin Notices i WordPress
- Så här inaktiverar du WordPress Admin Bar för alla användare utom administratörer
- Så här ändrar du footern i din adminpanel i WordPress
- Hur man döljer onödiga menu items från WordPress Admin
- Så här addar och customize du Admin Columns i WordPress
- Hur man white labelar din WordPress dashboard
Vi hoppas att denna tutorial hjälpte dig att lära dig hur du addar mörkt läge till din WordPress adminpanel. Du kanske också vill se vår guide om hur du skapar en landing page i WordPress eller vårt expertval av de WordPress tillägg som du måste ha.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
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!
Jiří Vaněk says
Thank you for the advice. I have both system and browser dark mode set on Windows 11, but WordPress keeps ignoring this setting. Browser settings and even a browser extension that should force dark mode didn’t help. And now I understand that it will be a problem of WordPress missing color scheme for dark mode. Thank you for the valuable experience and advice on how to force dark mode.
WPBeginner Support says
You’re welcome
Administratör
Dan says
Thank you.
This is a workaround plugin, which is not ideal.
I’ve observed that every time I click anything in the interface, it blinks for 1 second in the original color and then switches to dark mode.
Ideally, WordPress should add it to its color scheme.
WPBeginner Support says
You may want to change your color scheme under User>Profile to set the base color to help prevent the delay in the style’s loading.
Administratör
Thia says
Awesome. Just tried the plugin and It’s really cool.
WPBeginner Support says
Glad you liked our recommendation!
Administratör
Darlington says
What about how to implement dark mode in the frontend of my wordpress website?
WPBeginner Support says
That would be determined by your theme, if you reach out to your theme’s support they should be able to let you know.
Administratör
Darlington says
Okay. Thanks a lot.
Kuldeep Singh says
Awesome!
Thank you guys. It helped me to get desired dashboard dark theme. But I need the default editor background in dark theme too. It there any single plugin which can change the dashboard and editor background to dark mode?
WPBeginner Support says
You would want to reach out to the plugin’s support for their recommendation first
Administratör