Du vet att det finns många sätt att förbättra en webbplats användarupplevelse genom webbdesign, och ett av dem är att lägga till eller ändra WordPress-administratörsikoner. Att anpassa din WordPress-instrumentpanel handlar inte bara om utseende – det handlar om att göra din webbplats enklare och roligare att använda! Ett snabbt sätt att komma igång är genom att lägga till eller ändra dina administratörsikoner.
Anpassade ikoner kan effektivisera ditt arbetsflöde och göra navigeringen enkel, särskilt för nya användare. Dessutom känns en personlig instrumentpanel helt enkelt mer välkomnande och roligare att arbeta med!
Idag ska vi utforska vad WordPress admin-ikoner handlar om, visa dig hur du enkelt lägger till ikoner med hjälp av ett plugin och utforska hur du använder ett WordPress-ikonteckensnitt. Redo att förbättra din webbplats användarupplevelse? Så, låt oss sätta igång!
Förstå WordPress administratörsikoner
WordPress- administratörsikoner är de små bilderna du ser bredvid varje menyalternativ i WordPress instrumentpanel. De hjälper till att göra navigeringspanelen mer intuitiv och visuellt organiserad. Som standard använder WordPress Dashicons– ett ikontypsnitt som har funnits sedan 2013 och inte har förändrats mycket sedan dess.
Om du vill fräscha upp ditt WordPress-administratörsområde kan det vara en bra början att ändra dessa ikoner! Du kan byta ut standardikonerna mot sådana som bättre passar din stil eller till och med lägga till dina egna anpassade ikoner för ett verkligt personligt utseende.
Ikoner är kraftfulla eftersom de är universellt igenkännbara och gör det enkelt för människor att hitta det de behöver, oavsett om det är en inloggningssida, en specifik artikel eller andra viktiga avsnitt på webbplatsen. Detta kan vara särskilt användbart om du arbetar på en flerspråkig webbplats eller har en internationell publik.
För webbdesignkunder som inte är bekanta med WordPress kan anpassade ikoner förenkla navigeringen i administratörspanelen och göra att upplevelsen känns skräddarsydd för dem.
Läs mer om: Hur man åtgärdar Elementor-ikoner som inte visas?
WordPress-adminikoner är viktiga webbdesignelement för din webbplats
Kontakta våra webbdesigners och lägg enkelt till eller ändra WordPress-adminikoner och förbättra användarupplevelsen på din webbplats.
Hur man lägger till eller ändrar WordPress-administratörsikoner: Två metoder
Nu när du känner till funktionen hos WordPress-administratörsikoner är det dags att förstå hur man lägger till eller ändrar administratörsikoner i WordPress. Det finns två sätt att enkelt ändra dina WordPress-administratörsikoner. Det första är att använda ett plugin och få det gjort snabbt och enkelt. Det andra är att ändra administratörsikoner med hjälp av ett kodavsnitt.
Vi ska titta på båda metoderna för att hjälpa dig att avgöra vilken som fungerar bäst för dig. Låt oss dyka in i det:
Hur man lägger till eller ändrar WordPress-administratörsikoner med hjälp av ett plugin
Om du inte har använt ikoner i WordPress tidigare är det enklaste sättet att komma igång med ett plugin. I den här guiden visar vi dig hur du lägger till ikoner med hjälp av Font Awesome pluginet
För att få ikoner på din WordPress-webbplats med Font Awesome, följ dessa enkla steg:
Installera och aktivera plugin-programmet.
Logga först in på din WordPress-instrumentpanel, gå sedan till Plugins och installera och aktivera Font Awesome-pluginet.
Justera plugin-inställningarna efter behov.
Efter aktivering omdirigeras du till Installerade plugins . Leta reda på Font Awesome och klicka på Inställningar. Pluginet är konfigurerat för att använda gratis webbikoner via Font Awesome CDN som standard, så om du är nöjd med det är du klar.
Vet du: Hur man tar bort osynliga WordPress-administratörsanvändare?
Om du vill ha både gratis- och proffsikoner måste du skapa ett Font Awesome Kit, hämta en API-token och lägga till den i plugin-inställningarna. (Men om du bara letar efter enkla ikoner kan du hoppa över det här steget!) När du är klar, glöm inte att klicka på Spara ändringar.
Lägg till ikonen där du vill att den ska visas.
Nu till det roliga! Font Awesome-ikoner kan läggas till med hjälp av en shortcode eller ett HTML- kodavsnitt. Shortcode-formatet är [icon name= “value”]. Ersätt bara “value” med namnet på den ikon du vill ha. För att till exempel lägga till en prisikon, använd [icon name= “award”].
Om du är mer bekväm med HTML kan du använda standardsyntaxen för Font Awesome istället. Font Awesome tillhandahåller HTML-kodavsnitt för varje ikon, så du behöver bara kopiera och klistra in den var du vill att ikonen ska visas.
Förhandsgranska dina ändringar.
Innan du publicerar, förhandsgranska inlägget eller sidan för att se till att din ikon ser helt rätt ut. Om den inte visas, dubbelkolla att du använder en gratisikon och inte en premiumikon.
Läs också: Hur man redigerar och anpassar rubriker i WordPress smidigt?
Metod 2: Så här lägger du till eller ändrar ikoner i administratörsmenyn manuellt med hjälp av ett kodavsnitt
Om du är sugen på lite praktiskt arbete kan du anpassa dina administratörsikoner genom att lägga till lite kod.
Innan du börjar rekommenderar vi att du kollar in en snabbguide om hur du säkert lägger till anpassad kod i WordPress om du inte har gjort det förut.
Det enklaste och säkraste sättet att göra detta är med WPCode- pluginet, vilket är utmärkt för att lägga till anpassad kod, CSSoch HTML utan risk att förstöra något. Dessutom finns det en gratisversion (WPCode Lite) som gör susen, även om pro-versionen innehåller några extra praktiska funktioner.
Exempel: Ersätta en ikon med standardikonerna i Dash
I det här exemplet använder vi Dashicons (WordPress inbyggda ikonuppsättning) för att ersätta en befintlig ikon. Eftersom Dashicons är optimerade för WordPress kommer de inte att göra din webbplats långsammare.
Här är vad du behöver innan du börjar:
- URL:en till menyalternativet du vill uppdatera
- Namnet på ikonen du vill använda
Låt oss säga att du vill ändra ikonen för menyn "Inlägg". Håll bara muspekaren över menyalternativet Inlägg i din instrumentpanel så ser du URL:en i statusfältet längst ner i webbläsaren. Du behöver bara den sista delen – här skulle det vara edit.php.
Gå sedan till Dashicons webbplats, hitta ikonen du vill ha och kopiera dess "slug" (som dash icons-format-aside).
Nu lägger vi till koden:
- Gå till Kodavsnitt » Lägg till kodavsnitt i din instrumentpanel.
- Klicka på + Lägg till anpassat kodavsnitt och ge ditt kodavsnitt en titel.
- Välj PHP-kodavsnitt under Kodtypoch klistra sedan in följande kod i redigeraren:
function change_post_menu_icon() {global $menu;// Gå igenom menyalternativen för varje ($menu as $key => $menu_item) {// Hitta menyalternativet "Inlägg" (standard-URL:en är 'edit.php')if (isset($menu_item[2]) && $menu_item[2] == 'edit.php') {// Ändra ikonen till en annan Dashicon-klass$menu[$key][6] = 'dashicons-format-aside'; // Ändra detta till din föredragna Dashicon-slug}}}add_action('admin_menu', 'change_post_menu_icon');
Ersätt bara dashicons-format-aside med slug-filen för ikonen du kopierade tidigare.
När koden är på plats, skrolla ner till Infogning , ställ in Plats till "Endast administratör" och ändra kodavsnittet till Aktivt. Klicka sedan på Spara kodavsnitt.
Nu kommer WordPress att börja använda din valda ikon för inläggssidan – precis sådär!
Relaterat: Hur man konfigurerar Elementor-shortcodes för enkel mallanvändning
Avslutning
Så, du förstår, det är inte svårt att lägga till eller ändra dina WordPress-administratörsikoner. När du väl förstår innebörden och funktionen hos dessa ikoner kommer de att hjälpa dig att förbättra och förstärka din webbplatsdesign och användarupplevelse.
Oavsett om du använder ett plugin för snabba ikonbyten eller försöker lägga till anpassad kod för en mer praktisk metod, är processen enkel och kan göra stor skillnad, särskilt för kunder eller användare som inte är bekanta med WordPress. Så varsågod – ge ditt administratörsområde en liten makeover och gör det verkligen till ditt eget!
