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:

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!

WordPress maakt het makkelijk om de back-end van jouw administratie dashboard aan te passen! 🖌️ Bekijk nu hoe. Click to Tweet

Eerlijke Waarschuwing in Relatie tot Prestaties

Voordat we van start gaan met de tutorial, is het belangrijk om te weten dat het intensief 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 staging-omgeving 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:

Voorbeeld van een aangepast dashboard gebouwd met White Label CMS

Voorbeeld van een aangepast dashboard gebouwd met White Label CMS

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:

White Label CMS installatiewizard

White Label CMS installatiewizard

Vervolgens kan je op de volgende pagina de gegevens van jouw klant toevoegen (indien van toepassing):

White Label CMS installatiewizard stap 2

White Label CMS installatiewizard stap 2

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:

Eigen Merk toevoegen

Eigen Merk toevoegen

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
Pas de aanmeldpagina aan

Pas de aanmeldpagina aan

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:

Voorbeeld van een aangepast dashboard

Voorbeeld van een aangepast dashboard

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:

Hoe voeg je een aangepast dashboard toe

Hoe voeg je een aangepast dashboard toe

Stap 5: Pas het Zijbalk Menu en de Werkbalk aan

Als er veel plugins actief zijn op jouw 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:

Verberg WordPress Dashboard menu-items

Verberg WordPress Dashboard menu-items

En dat is 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:

Het Admin Menu Editor scherm

Het Admin Menu Editor scherm

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:

Dashboard Widgets Suite instellingen

Dashboard Widgets Suite instellingen

Daarna kun je naar jouw Dashboard gaan en de nieuwe widgets rangschikken zoals jij dit wilt:

Voorbeeld van widgets vanuit Dashboard Widgets Suite

Voorbeeld van widgets vanuit Dashboard Widgets Suite

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:

De Schermoptie instellingen

De Schermoptie instellingen

Voor meer flexibiliteit kan je echter de gratis Admin Columns plugin gebruiken.

Zodra u deze plug-in 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:

Het Admin Columns Scherm

Het Admin Columns Scherm

Wanneer je iets als Advanced Custom Fields gebruikt, kan je ook jouw aangepaste velden opnemen als eigen kolommen.

WordPress Admin Theme Plugins — Krijg een Nieuwe Uitstraling

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:

Flatty WordPress admin thema

Flatty WordPress admin thema

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:

Aquila WordPress admin thema

Aquila WordPress admin thema

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:

Kodeo WordPress admin thema

Kodeo WordPress admin thema

Hoe Pas je de WordPress Aanmeldpagina aan

Tenslotte, hoewel het technisch gezien geen onderdeel is van het beheerders-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:

Hoe pas je de aanmeldpagina aan

Hoe pas je de aanmeldpagina aan

Indien gewenst kan je de standaardlay-out aanpassen. Of, als je grotere wijzigingen wilt aanbrengen, kan je een volledig nieuwe template toepassen en vervolgens daar wijzigingen uitvoeren:

Een van de aanmeldpagina templates

Een van de aanmeldpagina templates

Maak Vandaag Nog een Aangepast WordPress Administratie 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:

Heb je nog andere vragen over het maken van een aangepast WordPress-dashboard? Laat het ons weten in de reacties hieronder!


Als je dit artikel leuk vond, dan zul je gek zijn op Kinsta's WordPress hosting platform. Of het nu gaat om het versnellen van jouw website of het krijgen van 24/7 support van ons ervaren WordPress-team. Onze door Google Cloud aangedreven infrastructuur is gericht op automatische schaalbaarheid, prestaties en beveiliging. Laat ons jou het Kinsta verschil tonen! Bekijk onze pakketten