Så här lägger du till en favicon till din WordPress-webbplats

En favicon är en liten bild som visas bredvid webbplatsens titel i webbläsarens flikar. Syftet med en favicon är att den hjälper dig att identifiera vilken webbplats du tittar på och gör det möjligt för användare att omedelbart känna igen ett varumärke.

Varumärkeskännedom är viktigt för alla företag och skapar förtroende hos din publik. Ett av de vanligaste misstagen i WordPress är att inte lägga till en favicon.

I den här artikeln visar vi dig hur du lägger till en favicon på din WordPress-webbplats i några enkla steg. Vi förklarar också varför det är bra att visa en favicon och hur det kan gynna din webbplats.

Innehållsförteckning

Varför du behöver en favicon på din WordPress-webbplats

En favicon skapar varumärkesidentitet. Det gör också din webbplats mer användbar och ger en bättre användarupplevelse.

När du lägger till fler flikar i webbläsaren blir webbplatsens titel mindre och kan så småningom försvinna om du har många flikar öppna. Med hjälp av faviconet på din webbplats kan användarna snabbt identifiera din webbplats, så att de snabbt kan byta till den flik som de vill se.

Om användarna lägger till din webbplats på startskärmen på sin smartphone eller mobila enhet kommer din favicon att visas här och kommer att se ut som en app om du har en favicon.

Hur man skapar en favicon

Många företag tenderar att använda varumärkets logotyp som favicon. För WordPress är den rekommenderade webbplatsikonen minst 512 pixlar x 512 pixlar. Bilden för webbplatsens ikon ska vara en kvadrat, inte en rektangel, men du kan använda en rektangel, men WordPress låter dig beskära bilden när du lägger till den på din webbplats.

Om du har tillgång till Adobe Photoshop rekommenderar jag att du använder detta för att skapa din favicon. Men om du inte har Photoshop eller inte har budget för det kan du använda ett gratis verktyg för att generera favicon.

Du kan använda en transparent bild eller fylla bilden med vilken bakgrundsfärg du vill. Se bara till att din favicon är igenkännbar, tydlig och har rätt storlek.

Lägga till din favicon i WordPress

Nu när du har skapat din favicon (eller webbplatsikon) är det dags att lägga till den på din WordPress-webbplats. Sedan lanseringen av WordPress 4.3 kan du nu lägga till din favicon från WordPress administrationsområde. Navigera till Appearance > Customize och klicka sedan på fliken Site Identity.

Om du använder ett premium WordPress-tema kanske du märker att fliken “Site Identity” finns under Header i samma meny.

Här kan du ändra webbplatsens rubrik, webbplatsens titel, webbplatsens logotyp, webbplatsens ikon och tagline. Om du vill ändra din WordPress-ikon klickar du på “Ändra bild” om du redan har en, eller “Välj fil” om du vill ladda upp en ny ikon för webbplatsen.

Om bilden du laddar upp överskrider den rekommenderade storleken kan du beskära bilden i WordPress. Men om bilden motsvarar den rekommenderade storleken kan du helt enkelt spara ändringarna.

Nu kan du gå till hemsidan på din webbplats och se din WordPress-favikon i aktion! Du kan också se din webbplatsikon på en mobil enhet genom att välja “Lägg till på hemskärmen” i webbläsarens meny.

Hur man lägger till en favicon i WordPress 4.2 eller senare

Om du använder WordPress version 4.2 eller senare är det lite annorlunda att ändra din favicon. Du måste ladda upp din favicon direkt till din webbplats rotkatalog med hjälp av FTP. Ett filöverföringsverktyg som FileZilla är mer än tillräckligt.

När du har anslutit dig till din webbplats via FTP går du till temats header.php-fil och lägger till följande kod i filen:

<link rel="icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" />


Se till att du ersätter webhostingprof med din webbplats webbadress. Om ditt tema inte innehåller en header.php-fil kan du installera ett insticksprogram som gör jobbet åt dig. Plugins är användbara, men jag rekommenderar bara att du använder den här om du antingen inte har någon header.php-fil eller om du inte kan hitta den.

Det är bra att lära sig var dessa filer finns om du behöver använda dem igen! Jag försöker inte avsiktligt göra det svårare för dig!

Ett insticksprogram som Infoga rubriker och fotnoter är ett bra val. Du kan installera och aktivera insticksprogrammet och sedan gå till Inställningar > Infoga rubriker och fotnoter och klistra in koden ovan. Kom ihåg att spara dina inställningar så är du redo att börja!

Slutsats

Favoritfiler är viktiga för din webbplats, inte bara för varumärket utan också för användarupplevelsen. Med hjälp av favoriter kan webbplatsens användare lätt identifiera din webbplats och i ärlighetens namn ser de mycket bättre ut än en tom ruta.

Nu när du vet hur du lägger till en favicon på din WordPress-webbplats kan du väl prova? Det är enkelt och gratis att lägga till en favicon, och vi har många andra resurser som kan hjälpa dig med din WordPress-webbplats, till exempel hur du ändrar teckenstorleken på dina inlägg och sidor eller hur du kommer ihåg din WordPress-inloggningsadress.