U weet dat er veel manieren zijn om de gebruikerservaring van een website bij het ontwerpen van websites , en een daarvan is het toevoegen of wijzigen van WordPress-beheerderspictogrammen. Het personaliseren van uw WordPress-dashboard gaat niet alleen over het uiterlijk, het gaat erom dat u uw site eenvoudiger en leuker in gebruik maakt! Een snelle manier om aan de slag te gaan is door uw beheerderspictogrammen toe te voegen of te wijzigen.
Aangepaste pictogrammen kunnen uw workflow stroomlijnen en navigatie in een handomdraai maken, vooral voor nieuwe gebruikers. Bovendien voelt een gepersonaliseerd dashboard gewoon uitnodigender en leuker om mee te werken!
Vandaag zullen we onderzoeken waar WordPress-beheerderspictogrammen over gaan, laten we zien hoe u eenvoudig pictogrammen kunt toevoegen met behulp van een plug-in en onderzoeken we hoe u een WordPress-pictogramlettertype kunt gebruiken. Klaar om de gebruikerservaring van uw site te verbeteren? Dus laten we aan de slag gaan!
WordPress-beheerderspictogrammen begrijpen
WordPress- beheerderspictogrammen zijn kleine afbeeldingen die u naast elk menu-item in het WordPress-dashboard ziet. Ze helpen het navigatiepaneel intuïtiever en visueel georganiseerd te maken. Standaard gebruikt WordPress Dashicons : een pictogramlettertype dat al sinds 2013 bestaat en sindsdien niet veel is veranderd.
WordPress-beheergebied wilt opfrissen , kan het wijzigen van deze pictogrammen een goed begin zijn! U kunt de standaardpictogrammen vervangen door pictogrammen die beter bij uw stijl passen, of zelfs uw eigen aangepaste pictogrammen toevoegen voor een echt persoonlijk uiterlijk.
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 bepaald artikel of andere belangrijke delen van de site is. meertalige site werkt of een internationaal publiek heeft.
Voor webontwerpklanten die niet bekend zijn met WordPress kunnen aangepaste pictogrammen de navigatie in het beheerdersdashboard vereenvoudigen en de ervaring op maat maken.
Meer informatie over: Hoe kunt u voorkomen dat Elementor-pictogrammen niet worden weergegeven?
WordPress-beheerderspictogrammen zijn essentiële webontwerpelementen voor uw website
Neem contact op met onze webontwerpers en voeg eenvoudig WordPress-beheerderspictogrammen toe of wijzig deze en verbeter de gebruikerservaring van uw website.
WordPress-beheerderspictogrammen toevoegen of wijzigen: twee methoden
Nu u de functie van WordPress-beheerderspictogrammen kent, is het tijd om te begrijpen hoe u beheerderspictogrammen in WordPress kunt toevoegen of wijzigen. Er zijn twee manieren waarop u eenvoudig uw WordPress-beheerderspictogrammen kunt wijzigen. De eerste is om een plug-in en dit snel en gemakkelijk gedaan te krijgen. De tweede is om beheerderspictogrammen te wijzigen met behulp van een codefragment.
We zullen beide methoden bekijken om u te helpen beslissen welke het beste voor u werkt. Laten we erin duiken:
Hoe u WordPress-beheerderspictogrammen kunt toevoegen of wijzigen met behulp van een plug-in
Als u nog geen ervaring heeft met het toevoegen van pictogrammen in WordPress, is het gebruik van een plug-in de gemakkelijkste manier om te beginnen. Voor deze handleiding laten we u zien hoe u pictogrammen toevoegt met de Font Awesome -plug-in.
Volg deze eenvoudige stappen om pictogrammen op uw WordPress-site te krijgen met Font Awesome:
Installeer en activeer de plug-in.
Log eerst in op uw WordPress-dashboard, ga vervolgens naar Plug-ins en installeer en activeer de Font Awesome-plug-in.
Pas de plug-ininstellingen indien nodig aan.
Na activering wordt u doorgestuurd naar de Geïnstalleerde plug-ins . Zoek Font Awesome en klik op Instellingen. De plug-in is standaard ingesteld om gratis webpictogrammen te gebruiken via de Font Awesome CDN , dus als u daar tevreden mee bent, bent u helemaal klaar.
Weet: Hoe verwijder je onzichtbare WordPress-beheerdersgebruikers?
Als je zowel gratis als professionele iconen wilt, moet je een Font Awesome Kit maken, een API-token verkrijgen en deze toevoegen aan de plug-ininstellingen. (Maar als u alleen op zoek bent naar basispictogrammen, kunt u deze stap overslaan!) Als u klaar bent, vergeet dan niet op Wijzigingen opslaan te klikken.
Voeg het pictogram toe waar u het wilt laten verschijnen.
Nu voor het leuke gedeelte! Lettertype Awesome-pictogrammen kunnen worden toegevoegd met behulp van een shortcode of een HTML- fragment. Het shortcodeformaat is [pictogramnaam = "waarde"]. Vervang gewoon “waarde” door de naam van het gewenste pictogram. Als u bijvoorbeeld een beloningspictogram wilt toevoegen, gebruikt u [icon name= “award”].
Als u meer vertrouwd bent met HTML, kunt u in plaats daarvan de standaard Font Awesome-syntaxis gebruiken. Font Awesome biedt HTML-fragmenten voor elk pictogram, dus u hoeft het alleen maar te kopiëren en te plakken waar u het pictogram wilt laten verschijnen.
Bekijk een voorbeeld van uw wijzigingen.
Voordat u het bericht of de pagina publiceert, bekijkt u een voorbeeld van het bericht of de pagina om er zeker van te zijn dat uw pictogram er goed uitziet. Als dit niet verschijnt, controleer dan of u een gratis pictogram gebruikt en geen premiumpictogram.
Weet ook: Hoe u headers naadloos kunt bewerken en aanpassen in WordPress?
Methode 2: Handmatig beheerdersmenupictogrammen toevoegen of wijzigen met behulp van een codefragment
Als u zin heeft in wat praktijkwerk, kunt u uw beheerderspictogrammen aanpassen door een beetje code toe te voegen.
Voordat we beginnen, raden we je aan een korte handleiding te lezen over het veilig toevoegen van aangepaste code in WordPress als je dit nog niet eerder hebt gedaan.
De eenvoudigste en veiligste manier om dit te doen is met de WPCode- plug-in, die geweldig is voor het toevoegen van aangepaste code, CSS en HTML zonder het risico te lopen iets kapot te maken. Bovendien is er een gratis versie (WPCode Lite) die de oplossing biedt, hoewel de pro-versie enkele extra handige functies bevat.
Voorbeeld: een pictogram vervangen met behulp van de standaard dashicons
Voor dit voorbeeld gebruiken we Dashicons (de ingebouwde pictogrammenset van WordPress) om een bestaand pictogram te vervangen. Omdat Dashicons zijn geoptimaliseerd voor WordPress, zullen ze uw site 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 dat u het pictogram voor het menu 'Berichten' wilt wijzigen. Plaats de muisaanwijzer op het menu-item Berichten in uw dashboard en u ziet de URL in de statusbalk onder aan uw browser. Je hebt alleen het laatste deel nodig; hier zou het edit.php zijn.
Ga vervolgens naar de Dashicons-website, zoek het gewenste pictogram en kopieer de “slug” (zoals streepjespictogrammen-formaat-opzij).
Laten we nu de code toevoegen:
- Ga naar Codefragmenten » Snippet toevoegen aan uw dashboard.
- Klik op + Aangepast fragment toevoegen en geef uw fragment een titel.
- Kies PHP-fragment onder Codetype en 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 “Posts” (standaard URL is 'edit.php')if (isset ($menu_item[2]) && $menu_item[2] == 'edit.php') {// Wijzig het pictogram in een andere Dashicon-klasse$menu[$key][6] = 'dashicons-formaat-opzij'; // Wijzig dit in de Dashicon-slug van uw voorkeur}}}add_action('admin_menu', 'change_post_menu_icon');
Vervang gewoon dashicons-format-aside door de slug van het pictogram dat u eerder hebt gekopieerd.
Zodra de code is ingevoerd, scrolt u omlaag naar het gedeelte Invoegen Locatie in op 'Alleen beheerder' en schakelt u het fragment naar Actief . Klik vervolgens op Fragment opslaan .
Nu zal WordPress het door u gekozen pictogram voor de berichtenpagina gaan gebruiken, zomaar!
Gerelateerd: Elementor-shortcodes instellen voor eenvoudig sjabloongebruik
Inpakken
U ziet dus dat het niet moeilijk is om uw WordPress-beheerderspictogrammen toe te voegen of te wijzigen. Zodra u de essentie en functie van deze pictogrammen begrijpt, zullen ze u helpen het ontwerp en de gebruikerservaring van uw website te verbeteren en te versterken.
Of je nu kiest voor een plug-in voor het snel wisselen van pictogrammen of voor het toevoegen van aangepaste code voor een meer praktische 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 beheerdersgedeelte een kleine make-over en maak het helemaal van jou!
