Hur man enkelt lägger till en WordPress-favicon

Behöver du ta reda på hur du enkelt lägger till en WordPress-favicon? Ta reda på det genom att följa denna handledning

En favicon är en liten fyrkantig ikon som representerar din webbplats. Det visas vanligtvis bredvid webbplatsens titel på webbläsarfliken. En favoritikon visas också i din webbläsarhistorik, i bokmärken och överallt där din webbplats behöver en visuell identitet.

Denna lilla detalj är viktig för din onlineidentitet. Vi kommer att diskutera WordPress-favikonen och hur du lägger till en till din WordPress-webbplats.

Men innan du börjar, ta reda på om du aldrig har installerat WordPress Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här.

Varför det är viktigt att lägga till en favoritikon på din webbplats

En Favicon är i princip ditt webbplats-ID; Därför är det mer sannolikt att din logotyp dyker upp där. Att ignorera dess närvaro på din webbplats är verkligen ett misstag.

Här är några anledningar till varför en favoritikon är viktig för din webbplats.

• Står ut som ett erkännande av marque
  De flesta användare tenderar att öppna flera flikar i sin webbläsare. Utan en favicon kan du bara se sidan eller inläggets namn på webbläsarfliken. Dessutom, om du öppnar fler än 20 flikar blir de kortare och det är svårt att identifiera vilken flik som representerar vilken webbplats.
  Att ha en favoritikon hjälper användare att hitta varje flik lättare. Om din favicon sticker ut kommer den inte bara att förbättra din synlighet utan även din användarupplevelse.
• Bygg förtroende
  Du kommer att ge dina användare ett dåligt första intryck om du inte har en favoritikon. En webbplats utan favicon ser inte professionell ut.
  Om du bygger en webbplats bara för dagligt bloggande kan det vara irrelevant att inte ha en favoritikon. Men det blir viktigt när du hanterar en företagswebbplats eller en onlinebutik.
  din besökare kommer inte att lita på någon transaktion på en webbplats som inte ser professionell ut.
• Förbättra den mobila upplevelsen
  Detta är den mobila upplevelsens era. Att ha en responsiv webbplats kanske inte räcker för att glädja mobilanvändare, främst för att webbappar är på frammarsch just nu.
  Användare kan helt enkelt bokmärka en webbplats på telefonens startskärm. Inga fler att skriva webbadresser!
  I den här situationen kommer en välgjord favicon att tjäna dig på två olika sätt. För det första kommer faviconen att användas som appikon och för det andra kommer personer som använder din webbapp att komma ihåg din ikon. Därför kommer din favoritikon att kopplas till din webbplats.

Skapa favoritikoner för WordPress

Vanligtvis är din favoritikon ditt varumärkes logotyp. För bilden rekommenderar WordPress att du använder en fyrkant heller 512px x 512px.

Du kan använda en större bild, men WordPress kommer troligen att kräva att du beskär den för att passa storleken.

För att skapa en bild exakt storlek 512 pixlar x 512 pixlar, kan du använda vilket bildredigeringsprogram som helst än Adobe Photoshop (betald) och gimp (gratis) eller favicon generatorer

Även om du kan välja en bakgrundsfärg för din WordPress-favicon, är transparens att föredra. Du kan använda formaten . Jpeg,.ico, .gif ou . Png (se bara till att använda formatet . Png om du använder en genomskinlig bakgrund).

När bilden är klar kan du lägga till den på din WordPress-webbplats med någon av dessa tre metoder:

1. Lägga till en WordPress-favicon via WordPress Customizer

Från WordPress-versionen 4.3, kan du helt enkelt lägga till en WordPress-favicon från ditt adminområde. För att göra detta, följ stegen nedan:

1. Tillgång till din admin instrumentpanel
2. Håll musen över Utseende -> Anpassa
3. välj webbplatsens identitet
4. Klicka på knappen Välj en bild under ikonen på webbplatsen
5. Ladda upp din favoritikon som har förberetts
6. Klicka på knappen Publicera för att spara ändringen.

Om du gör processen korrekt kommer din favoritikon att visas bredvid din webbplatstitel. För att ställa in detta på en mobil enhet, besök din webbplats från din telefon och välj Lägg till på hemskärmen.

Din favoritikon kommer nu att visas på din startskärm.

2. Lägg till en favoritikon på webbplatsen med ett WordPress-plugin

Du kan också lägga till en favoritikon till WordPress med ett plugin som heter Favicon av RealFaviconGenerator. Det är lätt att använda och erbjuder fler funktioner. Här är de nödvändiga stegen:

1. Gå till din admin instrumentpanel
2. Välj Tillägg -> Lägg till
3. Typ Favicon av RealFaviconGenerator i sökrutan
4. Installera och aktivera Wordpress plugin
5. Efter aktivering, gå till Utseende -> Favoritikon
6. Ladda upp bilden du vill ställa in som en favoritikon. Du behöver inte redigera din bild med bildredigeringsprogram. Insticksprogrammet kommer att göra det åt dig. Se bara till att din bild har en storlek på minst 70 x 70px. Det är ännu bättre om det är större än 260 x 260 px.
7. När du har laddat upp bilden, tryck på knappen Generera favicon.
8. Efter att ha klickat på knappen tar plugin dig till webbplatsen RealFaviconGenerator.
9. Hitta och klicka på webbplatsen Generera dina favoritikoner och HTML-kod.
10. Insticksprogrammet tar dig tillbaka till din webbplats. Du kommer att få ett meddelande om att din favoritikon har konfigurerats.
11. Kontrollera hur din favoritikon ser ut i din webbläsare och mobila enhet.

3. Lägg till en WordPress-favicon manuellt på en webbplats

Vi rekommenderar att du testar detta på din lokala utvecklingswebbplats innan det går live.

1. Få åtkomst till dina temafiler via en klient FTP eller en filhanterare
2. Hitta mappen /wp-content/themes/votre-theme
3. Ladda upp din favoritikon till din temamapp. Det rekommenderas att ladda ner det i en undermapp som Tillgångar
4. Kom ihåg denna filsökväg
5. Leta efter en fil med namnet functions.php och lägg till följande kod:

function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
 
add_action('wp_head', 'add_favicon');

6. Linjen efter href="'.get_template_directory_uri() måste vara vägen till din favoritikon. Se också till att du har rätt filnamn. Om du använder ett format .ico-fil, det blir detta:

function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
 
add_action('wp_head', 'add_favicon');

Att ha en favicon är ett måste! Speciellt när det är så enkelt att skapa. En favicon representerar din webbplats identitet. Det kanske bara tar upp lite utrymme på din webbplats, men den här lilla detaljen har en speciell roll för att förbättra ditt varumärkes igenkänning och användarupplevelse.

Andra rekommenderade resurser

Vi inbjuder dig också att konsultera medel nedan för att ta mer ägande och kontroll över din webbplats och blogg.

• Hur man lägger Gmail autentisering på Wordpress
• Hur man tar bort ett WordPress-tema från en webbplats
• Hur du ställer in din hemsida i WordPress
• Elementor: Hur man lägger till en knappljudeffekt
• Så här skapar du anpassade mallar på WordPress

Slutsats

Det är allt för den här handledningen som förklarar hur man lägger till en favoritikon på WordPress. Om du har några funderingar eller förslag, vänligen meddela oss inom commentaires.

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

under tiden, dela den här artikeln på dina olika sociala nätverk.   

.