Wil je een aangepast WordPress dashboard op jouw site maken?
Misschien wil je een meer aangepaste ervaring creëren voor jouw klanten of voor externe gebruikers (zoals freelance-schrijvers of bloggers). Of je werkt op je eigen site en bent gewoon op zoek zijn naar een manier om een meer gestroomlijnde beheer-ervaring te creëren die past bij jouw workflows.
Het maakt niet uit waarom je een aangepast WordPress dashboard wilt maken, dit artikel helpt je verder. Hier leer je hoe je alle aspecten van het WordPress dashboard kunt aanpassen, inclusief:
- White-labeling van het WordPress dashboard, inclusief het wijzigen van het logo en het toevoegen van jouw eigen branding
- Het verbergen van menu items in de WordPress Admin (of het toevoegen van jouw eigen menu items of submenu items)
- Het maken van nieuwe dashboard widgets om meer informatie weer te geven
- Toevoegen van nieuwe kolommen aan de berichten/pagina pagina’s voor betere productiviteit
- Het wijzigen van het uiterlijk van het dashboard (bijvoorbeeld een nieuwe design schema)
- Het aanpassen van de WordPress Login pagina
We beginnen met te laten zien hoe je een alles-in-één plugin gebruikt die een beetje van alles doet. Vervolgens gaan we wat meer gespecialiseerde tools delen om dieper in te gaan op de specifieke aanpassingsgebieden die we hierboven noemden. Laten we beginnen met aanpassen!
Eerlijke waarschuwing in relatie tot prestaties
Voordat we van start gaan met de tutorial, is het belangrijk om te weten dat het aanpassen van jouw WordPress dashboard kan leiden tot een tragere back-end (of in sommige gevallen kan het sneller worden, afhankelijk van wat je doet). Dit is meestal alleen van invloed op degenen die inloggen op de site, niet op de front-end. De front-end van jouw site moet voornamelijk worden weergegeven vanuit de WordPress cache.
Zoals alles met WordPress, is het belangrijk om voor en na te testen. Of nog beter, breng deze wijzigingen eerst aan in een testomgeving voordat je deze uitbreidt naar de productiesite. Dit is belangrijk wanneer je gastbloggers of klanten dagelijks in de back-end van jouw website hebt. De snelheid van het WordPress dashboard is belangrijk, en wordt vaak over het hoofd gezien wanneer het gaat over prestatie-optimalisatie.
White Label CMS Plugin: Een All-in-One tool voor een aangepast WordPress dashboard
De gratis White Label CMS plugin is een goede alles-in-één oplossing waarmee je snel de meeste aspecten van het WordPress dashboard kunt aanpassen. Hieronder staat een voorbeeld van wat je kunt bouwen:
Deze plugin wordt aangeboden als een oplossing voor ontwikkelaars om een meer op maat gemaakt dashboard voor klanten te maken, maar het kan ook waardevol zijn wanneer je op je eigen website werkt.
De plugin helpt je:
- De algemene WordPress branding door jouw eigen branding te vervangen
- De WordPress aanmeldpagina aan te passen
- Jouw Eigen WordPress Dashboard welkom widgets toe te voegen
- Jouw eigen RSS-feed als een dashboard widget toe te voegen
- Menu-items van de zijbalk of de bovenste werkbalk te verbergen
- WordPress werkbalk uit te schakelen
En zo gebruik je de plugin …
Stap 1: Doorloop de installatiewizard
Nadat je de plugin hebt geïnstalleerd en geactiveerd, ga je naar Instellingen → White Label CMS om de installatiewizard uit te voeren.
Ten eerste kan je jouw eigen gegevens invoeren om de standaard WordPress branding te vervangen:
Vervolgens kan je op de volgende pagina de gegevens van jouw klant toevoegen (indien van toepassing):
Stap 2: Pas andere branding aan
Nadat je de installatiewizard hebt voltooid, ontgrendel je het volledige instellingen-gebied, dat geeft je toegang tot tal van andere instellingen.
Op het tabblad Branding kan je instellingen configureren waarmee je:
- Kunt kiezen welke delen van de algemene WordPress branding verborgen moeten worden.
- Deze kunt vervangen, indien gewenst, door jouw eigen huisstijl
Wanneer bijvoorbeeld omlaag scrolt naar het Admin bar branding gedeelte, kan je jouw eigen logo toevoegen om het WordPress logo in de linkerbovenhoek van de interface te vervangen.
Zo ziet het eruit na het vervangen door het Kinsta favicon:
Stap 3: Pas de aanmeldpagina aan
Nadat je klaar bent met de merkinstellingen, kan je naar het tabblad Aanmeldpagina gaan om de aanmeldingspagina van WordPress aan te passen.
Naast het toevoegen van je eigen logo en/of achtergrondafbeelding, kan je ook:
- Koppelingen voor registreren/wachtwoord vergeten verbergen
- De link “terug naar” verbergen
- Kleuren voor verschillende delen van het formulier wijzigen
Stap 4: Voeg aangepaste dashboard widgets toe
Indien gewenst kan je op het tabblad Dashboard aangepaste dashboard-widgets toevoegen die worden weergegeven op de hoofdpagina van het WordPress-dashboard.
Hier is een voorbeeld van hoe dat eruit zou kunnen zien:
Je kunt zelfs eigen HTML toevoegen, waarmee je afbeeldingen en video’s kunt weergeven. Ook kan je een Elementor of Beaver Builder Pro template gebruiken wanneer je een van die plugins als paginabuilder hebt geïnstalleerd:
Stap 5: Pas het zijbalk menu en de werkbalk aan
Als er veel plugins actief zijn op je site, kunnen de zijbalk en de werkbalk van het WordPress dashboard een beetje druk worden.
Om dit op te lossen, kan je op het tabblad Menu’s bepaalde menu-items verbergen voor andere gebruikers. Het enige dat jij hoeft te doen, is ze desgewenst aan- of uitzetten:
Dit was een korte inleiding over hoe je het WordPress dashboard kunt aanpassen met behulp van één alles-in-één tool.
Nu gaan we dieper in op enkele plugins die specifiek gericht zijn op specifieke gebieden in het dashboard.
Hoe pas je het WordPress admin menu aan: Voeg toe, verwijder of herschik menu-items
Wanneer je specifiek geïnteresseerd bent in het aanpassen van het zijbalkmenu van het WordPress dashboard, kan je een speciale plugin gebruiken: Admin Menu Editor.
Met deze freemium plugin kan je:
- De namen voor menu-items wijzigen en eigen pictogrammen, CSS-klassen, enz. toevoegen
- De menu-items reorganiseren, zoals het maken van een nieuwe bovenliggende categorie.
- Aangepaste menu-items die linken naar aangepaste URL’s maken.
Installeer en activeer de plugin van WordPress.org om aan de slag te gaan. Vervolgens kan je naar Instellingen → Menu Editor navigeren om jouw dashboard-menu aan te passen:
Hoe maak je nieuwe aangepaste dashboard widgets
Als je meer flexibiliteit wilt om aangepaste dashboard widgets of een aangepast welkomstpaneel te maken, kan je de gratis Dashboard Widgets Suite plugin gebruiken.
Met deze plugin kan je het aantal kolommen in het dashboard aanpassen en nieuwe dashboard-widgets toevoegen voor:
- Aangepaste notities
- RSS feeds
- Sociale media
- Lijsten
- Andere WordPress widgets
- Systeeminformatie
- Debug logboek
- Foutenlogboek
Installeer en activeer de plugin via WordPress.org om aan de slag te gaan. Ga vervolgens naar Instellingen → Dashboard Widgets om de plugin in te stellen.
Op het tabblad Algemene instellingen kan je het aantal kolommen wijzigen en kiezen welke gebruikersrol(len) de widgets kunnen zien. Vervolgens kan je de andere tabbladen gebruiken om specifieke widgets in te schakelen en te configureren:
Daarna kun je naar jouw Dashboard gaan en de nieuwe widgets rangschikken zoals jij dit wilt:
Hoe voeg je nieuwe kolommen toe aan de WordPress bericht of pagina overzichten
Met “bericht- of paginalijst” bedoelen we de beheerderspagina met al jouw berichten, pagina’s of aangepaste posttypes.
Een manier om dit gebied te beheren, is door de standaardinstellingen voor schermopties te gebruiken:
Voor meer flexibiliteit kan je echter de gratis Admin Columns plugin gebruiken.
Zodra je deze plugin installeert en activeert, ga je naar Instellingen → Beheer kolommen om nieuwe kolommen toe te voegen of bestaande kolommen te verwijderen/herschikken.
De gratis versie van de plugin bevat kolommen voor van alles, van de featured afbeelding tot de geschatte leestijd van een bericht:
Wanneer je iets als Advanced Custom Fields gebruikt, kan je ook jouw aangepaste velden opnemen als eigen kolommen.
Met de Admin Columns plugin is het op een eenvoudige manier mogelijk om je content workflow aan te passen en sneller te werken.
WordPress Admin Theme Plugins — Geef je admin een nieuw uiterlijk
WordPress Admin thema’s zijn geen “thema’s” in de ware zin van het woord. Het zijn eerder plugins die fungeren als een thema voor jouw back-end.
In tegenstelling tot de bovenstaande methoden, veranderen ze niet de onderliggende lay-out of functionaliteit van jouw WordPress dashboard. In plaats daarvan geven ze je gewoon een nieuwe look.
Hier zijn enkele van onze favorieten…
Flatty
Het Flatty admin thema past flat ontwerp-principes toe op jouw WordPress dashboard. Het geeft je ook enkele basis white-label opties.
Hier is hoe jouw dashboard eruit zal zien meteen na het activeren van de plugin:
Aquila Admin Theme
Waar Flatty flat ontwerp-principes toepast, voegt Aquila een mooi material design toe aan jouw dashboard. Het biedt je ook enkele extra opties om menu-items, branding en widgets aan te passen.
Hier is hoe je dashboard eruit zal zien onmiddellijk na het activeren van de plugin:
Kodeo Admin UI
Kodeo Admin UI geeft jouw gehele interface een make-over, inclusief knoppen in de klassieke WordPress-editor.
Hier is hoe jouw dashboard eruit zal zien direct na het activeren van de plugin:
Hoe pas je de WordPress aanmeldpagina aan
Tenslotte, hoewel het technisch gezien geen onderdeel is van het admin dashboard, speelt jouw WordPress aanmeldpagina nog steeds een belangrijke rol bij het toelaten van mensen in het dashboard.
Er zijn verschillende plugins van hoge kwaliteit om jou te helpen de WordPress aanmeldpagina aan te passen, maar de Custom Login Page Customizer vormt een goed startpunt, omdat je hiermee de inlogpagina visueel kunt aanpassen met behulp van de oorspronkelijke WordPress Customizer.
Nadat je de plugin hebt geïnstalleerd en geactiveerd, kan je op het nieuwe menu-item Aanmeldpagina aanpassen klikken om de WordPress Customizer te openen.
Hier zie je een live voorbeeld aan de rechterkant en een verscheidenheid aan opties aan de linkerkant:
Indien gewenst kan je de standaard lay-out aanpassen. Of, als je grotere wijzigingen wilt aanbrengen, kan je een volledig nieuwe template toepassen en vervolgens daar wijzigingen uitvoeren:
Maak vandaag nog een aangepast WordPress admin dashboard!
Voor een alles-in-één oplossing om de meeste delen van het WordPress dashboard aan te passen, is de gratis White Label CMS-plugin een goed startpunt.
Als je vervolgens besluit om een specifiek gedeelte van het WordPress dashboard aan te passen, kan je ook een aantal functie-specifieke plugins gebruiken, waaronder:
- Admin Menu Editor om het WordPress admin menu aan te passen
- Dashboard Widgets Suite om nieuwe aangepaste dashboard-widgets toe te voegen
- Admin Columns om nieuwe kolommen toe te voegen aan de berichten/pagina overzichten
- WordPress admin thema’s om de stijl van je dashboard compleet te veranderen
- Custom Login Page Customizer om de WordPress aanmeldpagina aan te passen
Heb je nog andere vragen over het maken van een aangepast WordPress dashboard? Laat het ons weten in de reacties hieronder!
Brian heeft een enorme passie voor WordPress, gebruikt het al meer dan tien jaar en heeft zelfs al aantal premium plugins ontwikkeld. Brian houdt van bloggen, films en hikes. Kom in contact met Brian op Twitter.
Laat een reactie achter