Wil je de donkere modus toevoegen aan je website Wordpress?
Veel apparaten worden nu geleverd met native ondersteuning voor de donkere modus. Deze modus toevoegen aan uw Site web Past uw ontwerp automatisch aan de browservoorkeur van uw gebruikers aan. Je kunt zelfs een schakelaar toevoegen aan je website ernaar over te schakelen.
In dit artikel laten we u zien hoe u eenvoudig de donkere modus aan uw WordPress-website kunt toevoegen, zowel aan de voorkant als in het beheerdersgedeelte.
Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog
Ga dan terug naar waarom we hier zijn.
Wat is de donkere modus en waarom zou u deze aan uw website toevoegen?
De donkere modus wordt gebruikt op mobiele apparaten en computers om de hoeveelheid wit licht op het scherm te verminderen.
Sommige apparaten hebben een nachtmodus die in plaats daarvan warmere kleurtinten gebruikt. De donkere modus heeft een andere benadering door donkere kleuren aan de achtergrond toe te voegen.
Als u een iPhone- of Android-apparaat heeft, kunt u mogelijk overschakelen naar de donkere modus door gewoon een schakelaar te gebruiken.
Als alternatief kunt u op uw computer websites in de donkere modus bekijken met een Chrome-extensie zoals Night Eye. Hier is hoe de blogsectie van BlogPasCher eruitziet met deze plug-in:
Door een donkere modus aan uw website toe te voegen, kunnen gebruikers de donkere modus in- en uitschakelen wanneer ze uw website bekijken. Het geeft u ook meer controle over hoe uw website wordt weergegeven in de donkere modus.
Populaire websites zoals YouTube bieden ook een donker kleurenschema. Hierdoor kunnen gebruikers 's avonds laat video's bekijken met een comfortabelere ervaring.
Naast het toevoegen van de donkere modus aan de frontend van uw website, kunt u zelfs de donkere modus toevoegen aan uw WordPress-beheergebied. Dit kan handig zijn als u 's avonds of' s nachts aan uw website werkt.
Laten we eerst eens kijken naar het toevoegen van de donkere modus aan uw WordPress-website. Vervolgens behandelen we het toevoegen van de donkere modus aan uw WordPress-dashboard.
Tip: Wilt u een website met een donkere kleurstelling, zelfs met het apparaat van de gebruiker in de normale of dagmodus? Dus bekijk onze lijst met beste donkere thema's voor WordPress.
Donkere modus toevoegen aan uw WordPress-website
Allereerst moet u de plug-in installeren en activeren WP donkere modus. Zie onze stapsgewijze handleiding voor meer informatie hoe een WordPress-plug-in te installeren.
Ga na activering naar de pagina Instellingen »WP Dark Mode vanuit het WordPress-dashboard en klik op het tabblad Algemene instellingen. U zou daar automatisch naartoe moeten worden doorgestuurd.
Hier is de parameter 'Schakel OS-bewuste donkere modus in' is voor u geactiveerd. Dit betekent dat de bezoekers zien automatisch de donkere modusversie van uw website wanneer hun apparaat is ingesteld op de donkere modus.
De parameter 'Zwevende schakelaar weergeven'is ook geactiveerd. Dit betekent dat gebruikers hun website op elk moment in de donkere modus kunnen zetten, zelfs als ze geen donkere modus hebben ingeschakeld op hun apparaat.
Bezoek gewoon uw website en u ziet de schakelaar in de rechter benedenhoek. Klik erop om uw website onmiddellijk naar de donkere modus op uw apparaat te schakelen:
Er zijn meer aanpassingsopties beschikbaar op de pagina Instellingen »WP Dark Mode. Deze zijn echter vrij beperkt met de gratis versie.
U hoeft bijvoorbeeld alleen maar op het tabblad te klikken Beeldscherminstellingen om de stijl van de vlotterschakelaar te wijzigen:
U kunt de kleuren van de donkere modus ook aanpassen met behulp van het tabblad Style-instellingen :
Zorg ervoor dat u op de knop klikt Instellingen opslaan om de instellingen op te slaan nadat u wijzigingen hebt aangebracht.
Let op: Met de gratis versie van deze plug-in krijg je alleen de eerste 2 stijlen van zwevende schakelaars en de eerste 2 kleurvoorinstellingen.
De pro-versie biedt veel meer ontwerpopties, naast de mogelijkheid om op specifieke tijden de donkere modus in te schakelen en de mogelijkheid om aangepaste CSS-code toe te voegen.
Donkere modus toevoegen aan het WordPress-dashboard
WordPress wordt geleverd met kleurenschema's voor het admin-gebied, maar geen van de standaardkleurenschema's vermindert het witte licht dat van uw scherm komt. Gelukkig lost deze plug-in dit probleem op.
Laten we eens kijken hoe u eenvoudig de donkere modus aan uw WordPress-beheergebied kunt toevoegen voor een gebruikerservaring leuker tijdens de late uurtjes.
Je hoeft alleen maar naar de pagina te gaan Instellingen »WP Dark Mode en klik op het tabblad Algemene instellingen. Zet dan de schakelaar om 'Schakel Backend Darkmode in'. Vergeet niet op de knop te klikken Instellingen opslaan aan het einde van de pagina:
Je ziet nu een nieuwe schakelaar in de bovenste balk van je admin-gedeelte:
Klik gewoon op deze schakelaar om uw admin-gebied onmiddellijk naar de donkere modus te schakelen.
Tip: Als uw website er meerdere heeft WordPress-gebruikers, kan elke persoon naar eigen voorkeur overschakelen naar de donkere modus.
Aangezien 'Donkere modus'is geen admin-kleurenschema, je kunt het eenvoudig gebruiken met een bestaand WordPress-admin-kleurenschema. Ga naar om dit te definiëren Gebruikers »Profiel en klik op een optie onder Admin Color Scheme.
Merk op dat u de donkere modus moet uitschakelen om de kleurenschema-opties van de beheerder te zien:
Bij het schrijven van een bericht in WordPress-blokeditor, kunt u ook overschakelen naar de donkere modus. Klik op het kleine kleurpictogram linksboven en selecteer de modus die je wilt gebruiken:
Nu kunt u 's nachts comfortabel aan uw website schrijven en werken zonder uw ogen te belasten.
Andere aanbevolen bronnen
We nodigen u ook uit om de ressources hieronder om meer eigendom en controle over uw website en blog te krijgen.
- Hoe u video's in uw WordPress-blogposts insluit
- Hoe voeg ik een Beach Slider toe aan een WordPress-formulier?
- 7 WordPress plugins om meldingen bar creëren
- 8 WordPress plug-ins om prijsschema's aan uw blog toe te voegen
Conclusie
Alstublieft ! Dat is het voor deze gids. We hopen dat dit artikel je heeft geholpen om te leren hoe je de donkere modus aan je WordPress-website kunt toevoegen. U kunt ook ons artikel lezen op 9 WordPress plugins aan uw dashboard aan te passen.
U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.
Als u een vriend of een opmerking heeft, laat deze dan achter in de sectie commentaar. Vooral deel dit artikel op uw verschillende sociale netwerken.
...
