Je weet dat er veel manieren zijn om de gebruikerservaring van een website te verbeteren , en een daarvan is het toevoegen of wijzigen van WordPress-beheerpictogrammen. Het personaliseren van je WordPress -dashboard gaat niet alleen over het uiterlijk, maar ook over het gebruiksvriendelijker en prettiger maken van je site! Een snelle manier om te beginnen is door je beheerpictogrammen toe te voegen of te wijzigen.
Aangepaste pictogrammen kunnen je workflow stroomlijnen en de navigatie aanzienlijk vereenvoudigen, vooral voor nieuwe gebruikers. Bovendien voelt een gepersonaliseerd dashboard gewoonweg gastvrijer en prettiger aan om mee te werken!
Vandaag gaan we dieper in op de beheerderspictogrammen van WordPress, laten we zien hoe je eenvoudig pictogrammen kunt toevoegen met een plugin en onderzoeken we hoe je een WordPress-pictogramlettertype kunt gebruiken. Klaar om de gebruikerservaring van je website te verbeteren? Laten we beginnen!
Inzicht in de WordPress-beheerpictogrammen
WordPress- beheerpictogrammen zijn die kleine afbeeldingen die je naast elk menu-item in het WordPress-dashboard ziet. Ze helpen het navigatiepaneel intuïtiever en visueel overzichtelijker te maken. Standaard gebruikt WordPress Dashicons , een pictogramlettertype dat al sinds 2013 bestaat en sindsdien nauwelijks is veranderd.
Wil je je WordPress-beheeromgeving een frisse look geven? Dan is het vervangen van deze pictogrammen een prima begin! Je kunt de standaardpictogrammen vervangen door pictogrammen die beter bij je stijl passen, of zelfs je eigen aangepaste pictogrammen toevoegen voor een echt persoonlijke uitstraling.
Pictogrammen zijn krachtig omdat ze universeel herkenbaar zijn en het voor mensen gemakkelijk maken om te vinden wat ze nodig hebben, of het nu een inlogpagina, een specifiek artikel of andere belangrijke onderdelen van de site is. Dit kan vooral handig zijn als je aan een meertalige website of een internationaal publiek hebt.
Voor webdesignklanten die niet bekend zijn met WordPress, kunnen aangepaste pictogrammen de navigatie in het beheerdersdashboard vereenvoudigen en de gebruikerservaring persoonlijker maken.
Leer meer over: Hoe los ik het probleem op dat Elementor-pictogrammen niet worden weergegeven?
WordPress-beheerpictogrammen zijn essentiële webdesignelementen voor uw website
Neem contact op met onze webdesigners en voeg eenvoudig WordPress-beheerpictogrammen toe of wijzig ze, om zo de gebruikerservaring van uw website te verbeteren.
Hoe voeg je WordPress-beheerpictogrammen toe of wijzig je ze: twee methoden
Nu je de functie van WordPress-beheerpictogrammen kent, is het tijd om te begrijpen hoe je beheerpictogrammen in WordPress kunt toevoegen of wijzigen. Er zijn twee manieren om je WordPress-beheerpictogrammen eenvoudig aan te passen. De eerste is door een plugin te gebruiken, waarmee je het snel en gemakkelijk voor elkaar krijgt. De tweede is door beheerpictogrammen te wijzigen met behulp van een codefragment.
We bekijken beide methoden om je te helpen beslissen welke het beste bij je past. Laten we beginnen:
Hoe voeg je WordPress-beheerpictogrammen toe of wijzig je ze met behulp van een plugin?
Als je nog niet eerder pictogrammen aan WordPress hebt toegevoegd, is het gebruik van een plugin de makkelijkste manier om te beginnen. In deze handleiding laten we je zien hoe je pictogrammen toevoegt met de Font Awesome -plugin.
Om pictogrammen van Font Awesome op je WordPress-website te gebruiken, volg je deze eenvoudige stappen:
Installeer en activeer de plugin.
Log eerst in op je WordPress-dashboard, ga vervolgens naar Plugins en installeer en activeer de Font Awesome-plugin.
Pas de plugininstellingen naar behoefte aan.
Na activering word je doorgestuurd naar de Geïnstalleerde plug-ins' . Zoek Font Awesome en klik op 'Instellingen'. De plug-in is standaard ingesteld om gratis webpictogrammen via het Font Awesome CDN , dus als je daarmee akkoord gaat, ben je klaar.
Wist je dat je onzichtbare WordPress-beheerdersaccounts kunt verwijderen?
Als je zowel gratis als betaalde pictogrammen wilt, moet je een Font Awesome Kit aanmaken, een API-token verkrijgen en deze toevoegen aan de plugininstellingen. (Maar als je alleen basispictogrammen zoekt, kun je deze stap overslaan!) Vergeet niet op ' Wijzigingen opslaan' te klikken als je klaar bent.
Voeg het pictogram toe op de gewenste plek.
Nu komt het leuke gedeelte! Font Awesome-pictogrammen kunnen worden toegevoegd met behulp van een shortcode of een HTML- fragment. De shortcode heeft de volgende indeling: [icon name= “value”]. Vervang “value” door de naam van het pictogram dat je wilt toevoegen. Om bijvoorbeeld een award-pictogram toe te voegen, gebruik je [icon name= “award”].
Als je meer vertrouwd bent met HTML, kun je in plaats daarvan de standaard Font Awesome-syntaxis gebruiken. Font Awesome biedt HTML-fragmenten voor elk pictogram, dus je hoeft het alleen maar te kopiëren en te plakken waar je het pictogram wilt laten verschijnen.
Bekijk een voorbeeld van je wijzigingen.
Bekijk de preview van het bericht of de pagina voordat je het publiceert om te controleren of het pictogram er goed uitziet. Als het pictogram niet verschijnt, controleer dan of je een gratis pictogram gebruikt en geen betaald pictogram.
Lees ook: Hoe bewerk en pas je headers in WordPress naadloos aan?
Methode 2: Handmatig pictogrammen toevoegen of wijzigen in het beheerdersmenu met behulp van een codefragment
Als je het leuk vindt om zelf aan de slag te gaan, kun je je beheerderspictogrammen aanpassen door een stukje code toe te voegen.
Voordat je begint, raden we je aan om eerst een korte handleiding te bekijken over het veilig toevoegen van aangepaste code in WordPress, als je dat nog niet eerder hebt gedaan.
De eenvoudigste en veiligste manier om dit te doen is met de WPCode- plugin, die ideaal is voor het toevoegen van aangepaste code, CSSen HTML zonder het risico dat er iets kapotgaat. Bovendien is er een gratis versie (WPCode Lite) die prima werkt, hoewel de pro-versie een aantal extra handige functies bevat.
Voorbeeld: Een pictogram vervangen met behulp van de standaard Dashicons
In dit voorbeeld gebruiken we Dashicons (de ingebouwde iconenset van WordPress) om een bestaand pictogram te vervangen. Omdat Dashicons geoptimaliseerd zijn voor WordPress, zullen ze je website niet vertragen.
Dit heb je nodig voordat je begint:
- De URL van het menu-item dat u wilt bijwerken
- De naam van het pictogram dat u wilt gebruiken
Stel, je wilt het pictogram voor het menu 'Berichten' wijzigen. Beweeg je muis over het menu-item 'Berichten' in je dashboard en je ziet de URL in de statusbalk onderaan je browser. Je hebt alleen het laatste deel nodig – in dit geval edit.php.
Ga vervolgens naar de Dashicons-website, zoek het gewenste pictogram en kopieer de "slug" (zoals dash icons-format-aside).
Laten we nu de code toevoegen:
- Ga naar Codefragmenten » Fragment toevoegen in je dashboard.
- Klik op + Aangepast codefragment toevoegen en geef uw codefragment een titel.
- Kies PHP-codefragment onder Codetypeen plak vervolgens de volgende code in de editor:
function change_post_menu_icon() {global $menu;// Loop door de menu-itemsforeach ($menu as $key => $menu_item) {// Zoek het menu-item "Berichten" (standaard-URL is 'edit.php')if (isset($menu_item[2]) && $menu_item[2] == 'edit.php') {// Wijzig het pictogram naar een andere Dashicon-klasse$menu[$key][6] = 'dashicons-format-aside'; // Wijzig dit naar de gewenste Dashicon-slug}}}add_action('admin_menu', 'change_post_menu_icon');
Vervang dashicons-format-aside door de slug van het pictogram dat je eerder hebt gekopieerd.
Zodra de code is ingevoerd, scrolt u naar beneden naar het gedeelte ' Invoegen ', stelt u de ' Locatie ' in op 'Alleen beheerders' en schakelt u het codefragment over naar 'Actief '. Klik vervolgens op 'Codefragment opslaan '.
WordPress zal nu het door jou gekozen pictogram voor de berichtenpagina gaan gebruiken – zo simpel is het!
Gerelateerd: Elementor-shortcodes instellen voor eenvoudig gebruik van sjablonen
Afronding
Zoals je ziet, is het niet moeilijk om pictogrammen toe te voegen of te wijzigen in je WordPress-beheerpaneel. Zodra je de essentie en functie van deze pictogrammen begrijpt, zullen ze je helpen om het ontwerp en de gebruikerservaring van je website te verbeteren en te optimaliseren.
Of je nu kiest voor een plugin om snel pictogrammen te wisselen of zelf code toevoegt voor een meer persoonlijke aanpak, het proces is eenvoudig en kan een groot verschil maken, vooral voor klanten of gebruikers die niet bekend zijn met WordPress. Dus ga je gang – geef je beheerderspaneel een kleine make-over en maak het helemaal van jou!
