Du ved, at der er mange måder at forbedre brugeroplevelsen på et websted inden for webdesign, og en af dem er at tilføje eller ændre WordPress-administratorikoner. Personliggørelse af dit WordPress-dashboard handler ikke kun om udseende – det handler om at gøre dit websted nemmere og mere behageligt at bruge! En hurtig måde at komme i gang på er ved at tilføje eller ændre dine administratorikoner.
Brugerdefinerede ikoner kan strømline din arbejdsgang og gøre navigationen til en leg, især for nye brugere. Derudover føles et personligt dashboard bare mere indbydende og sjovere at arbejde med!
I dag vil vi udforske, hvad WordPress-administratorikoner handler om, vise dig, hvordan du nemt tilføjer ikoner ved hjælp af et plugin, og udforske, hvordan du bruger en WordPress-ikonfont. Klar til at forbedre brugeroplevelsen på dit websted? Så lad os komme i gang!
Forståelse af WordPress Admin-ikoner
WordPress Admin-ikoner er de små billeder, du ser ud for hvert menupunkt i WordPress-dashboardet. De hjælper med at gøre navigationspanelet mere intuitivt og visuelt organiseret. Som standard bruger WordPress Dashicons– en ikonfont , der har eksisteret siden 2013 og ikke har ændret sig meget siden.
Hvis du gerne vil friske dit WordPress-administrationsområde op, kan det være et godt sted at starte at ændre disse ikoner! Du kan udskifte standardikonerne med nogle, der passer bedre til din stil, eller endda tilføje dine egne brugerdefinerede ikoner for et virkelig personligt look.
Ikoner er effektive, fordi de er universelt genkendelige og gør det nemt for folk at finde det, de har brug for, uanset om det er en loginside, en bestemt artikel eller andre vigtige sektioner af webstedet. Dette kan være særligt nyttigt, hvis du arbejder på et flersproget websted eller har et internationalt publikum.
For webdesignklienter , der ikke er bekendte med WordPress, kan brugerdefinerede ikoner forenkle navigationen i admin-dashboardet og få oplevelsen til at føles skræddersyet til dem.
Lær om: Sådan rettes Elementor-ikoner, der ikke vises?
WordPress Admin-ikoner er vigtige webdesignelementer til din hjemmeside
Kontakt vores webdesignere, og tilføj eller skift nemt WordPress-administratorikoner, og forbedr brugeroplevelsen på dit websted.
Sådan tilføjer eller ændrer du WordPress-administratorikoner: To metoder
Nu hvor du kender funktionen af WordPress-administratorikoner, er det tid til at forstå, hvordan man tilføjer eller ændrer administratorikoner i WordPress. Der er to måder, hvorpå du nemt kan ændre dine WordPress-administratorikoner. Den første er at bruge et plugin og få det gjort hurtigt og nemt. Den anden er at ændre administratorikoner ved hjælp af et kodestykke.
Vi vil se på begge metoder for at hjælpe dig med at beslutte, hvilken der fungerer bedst for dig. Lad os dykke ned i det:
Sådan tilføjer eller ændrer du WordPress-administratorikoner ved hjælp af et plugin
Hvis du ikke har brugt tid til at tilføje ikoner i WordPress, er det nemmest at komme i gang ved hjælp af et plugin. I denne guide viser vi dig, hvordan du tilføjer ikoner ved hjælp af Font Awesome -pluginnet.
For at få ikoner på dit WordPress-websted med Font Awesome, skal du følge disse enkle trin:
Installer og aktiver plugin'et.
Først skal du logge ind på dit WordPress-dashboard, derefter gå til Plugins og installere og aktivere Font Awesome-pluginnet.
Juster plugin-indstillingerne efter behov.
Efter aktivering bliver du omdirigeret til Installerede plugins . Find Font Awesome, og klik på Indstillinger. Pluginnet er som standard konfigureret til at bruge gratis webikoner via Font Awesome CDN , så hvis du er tilfreds med det, er du klar.
Vid: Sådan sletter du usynlige WordPress-administratorbrugere?
Hvis du vil have både gratis og professionelle ikoner, skal du oprette et Font Awesome Kit, få et API-token og tilføje det til plugin-indstillingerne. (Men hvis du kun leder efter basale ikoner, er du velkommen til at springe dette trin over!) Når du er færdig, skal du ikke glemme at klikke på Gem ændringer.
Tilføj ikonet, hvor du vil have det vist.
Nu til den sjove del! Font Awesome-ikoner kan tilføjes ved hjælp af en shortcode eller et HTML- kodestykke. Shortcode-formatet er [icon name= “value”]. Du skal blot erstatte “value” med navnet på det ikon, du ønsker. For eksempel, for at tilføje et prisikon, skal du bruge [icon name= “award”].
Hvis du er mere fortrolig med HTML, kan du i stedet bruge standardsyntaksen for Font Awesome. Font Awesome leverer HTML-kodestykker til hvert ikon, så du skal bare kopiere og indsætte det, hvor du vil have ikonet vist.
Se et eksempel på dine ændringer.
Før du udgiver, skal du forhåndsvise opslaget eller siden for at sikre dig, at dit ikon ser helt rigtigt ud. Hvis det ikke vises, skal du dobbelttjekke, at du bruger et gratis ikon og ikke et premium-ikon.
Læs også: Sådan redigerer og tilpasser du problemfrit overskrifter i WordPress?
Metode 2: Sådan tilføjer eller ændrer du manuelt ikoner i administratormenuen ved hjælp af et kodestykke
Hvis du har lyst til lidt praktisk arbejde, kan du tilpasse dine admin-ikoner ved at tilføje lidt kode.
Før du går i gang, anbefaler vi at du tjekker en hurtig guide til sikker tilføjelse af brugerdefineret kode i WordPress, hvis du ikke har gjort det før.
Den nemmeste og sikreste måde at gøre dette på er med WPCode- pluginnet, som er fantastisk til at tilføje brugerdefineret kode, CSSog HTML uden risiko for at ødelægge noget. Derudover er der en gratis version (WPCode Lite), der gør tricket, selvom pro-versionen indeholder nogle ekstra praktiske funktioner.
Eksempel: Udskiftning af et ikon ved hjælp af standard Dashikonerne
I dette eksempel bruger vi Dashicons (WordPress' indbyggede ikonsæt) til at erstatte et eksisterende ikon. Da Dashicons er optimeret til WordPress, vil de ikke gøre dit websted langsommere.
Her er hvad du skal bruge, før du starter:
- URL'en til det menupunkt, du vil opdatere
- Navnet på det ikon, du vil bruge
Lad os sige, at du vil ændre ikonet for menuen 'Indlæg'. Hold musen over menupunktet Indlæg i dit dashboard, så ser du URL'en i statuslinjen nederst i din browser. Du behøver kun den sidste del – her ville det være edit.php.
Gå derefter til Dashicons' hjemmeside, find det ønskede ikon, og kopier dets "slug" (som dash icons-format-aside).
Lad os nu tilføje koden:
- Gå til Kodesnippets » Tilføj kodesnippet i dit dashboard.
- Klik på + Tilføj brugerdefineret kodestykke , og giv dit kodestykke en titel.
- Vælg PHP Snippet under Kodetype, og indsæt derefter følgende kode i editoren:
function change_post_menu_icon() {global $menu;// Gennemgå menupunkterne for hver ($menu as $key => $menu_item) {// Find menupunktet “Indlæg” (standard URL er 'edit.php')if (isset($menu_item[2]) && $menu_item[2] == 'edit.php') {// Skift ikonet til en anden Dashicon-klasse$menu[$key][6] = 'dashicons-format-aside'; // Skift dette til din foretrukne Dashicon-slug}}}add_action('admin_menu', 'change_post_menu_icon');
Erstat blot dashicons-format-aside med koden fra det ikon, du kopierede tidligere.
Når koden er på plads, skal du rulle ned til Indsættelse , indstille Placering til 'Kun administrator' og ændre kodestykket til Aktiv. Klik derefter på Gem kodestykke.
Nu vil WordPress begynde at bruge dit valgte ikon til indlægssiden – bare sådan!
Relateret: Sådan opsætter du Elementor-shortcodes til nem brug af skabeloner
Afslutning
Så du forstår, det er ikke svært at tilføje eller ændre dine WordPress Admin-ikoner. Når du forstår essensen og funktionen af disse ikoner, vil de hjælpe dig med at forbedre og forstærke dit websitedesign og brugeroplevelse.
Uanset om du bruger et plugin til hurtig ikonbytte eller prøver at tilføje brugerdefineret kode for en mere praktisk tilgang, er processen ligetil og kan gøre en stor forskel, især for klienter eller brugere, der ikke er bekendte med WordPress. Så bare giv dit administrationsområde en lille makeover, og gør det til dit helt eget!
