När du tittar på webbläsarfliken för din nya blogg kanske du märker en liten favicon som visar WordPress-logotypen bredvid ditt webbplatsnamn.
Eftersom detta är standardinställningen för nya WordPress-webbplatser är det en vanlig syn, men det är också ett missat tillfälle att förstärka din varumärkesidentitet.
Vi har förstått att många skjuter upp att lägga till en favicon eftersom de tror att det kräver designkunskaper eller kodningskunskaper.
Sanningen är att det är mycket enklare än så, särskilt med moderna WordPress-funktioner.
Idag guidar vi dig genom de enklaste sätten att lägga till din egen favicon till din WordPress-webbplats. Dessa metoder är nybörjarvänliga och fungerar på alla större teman.
💡Snabbt svar: Hur man lägger till en favicon i WordPress
Här är de huvudsakliga metoderna för att lägga till en favicon på din WordPress-webbplats:
- Metod 1: WordPress Customizer – Bäst för nybörjare som vill ha en snabb, inbyggd lösning utan att installera några plugins.
- Metod 2: WordPress Full Site Editor – Perfekt om ditt tema stöder fullständig webbplatsredigering och du vill ha mer kontroll över var favicon visas.
- Metod 3: WordPress Favicon Plugin – Utmärkt för användare som vill ha extra anpassningsalternativ eller ett enklare sätt att hantera favicons på flera webbplatser.
- Metod 4: Manuell uppladdning via kod – Bäst för avancerade användare som är bekväma med att redigera temafiler eller barn-teman, vilket ger fullständig kontroll över placering och filhantering.
Varför ska du lägga till en Favicon på din WordPress-blogg?
En favicon är avgörande för din WordPress-blogg eftersom den hjälper användare att snabbt identifiera din webbplats och stärker din varumärkesidentitet. Från den lilla ikonen kan webbplatsbesökare enkelt känna igen din blogg.
Så här ser en favicon ut i en webbläsare:
Ett annat syfte med en WordPress-favicon är att förbättra användarupplevelsen. När flera flikar är öppna kan användare titta på favicons för att veta vilken webbplats de är på och växla till den de vill ha.
Om användare lägger till en genvägsikon eller ett bokmärke till din blogg på sina mobila enheter, kommer faviconen att visas som en appikon på deras hemskärm. Detta gör det enkelt för dem att komma åt din webbplats med bara en enkel tryckning.
Hur man skapar en favicon för din WordPress-blogg
Först, låt oss lära oss hur man skapar en bra favikon för din blogg.
Den ideala WordPress-faviconstorleken är en kvadratisk bild upp till 512 pixlar bred och hög. Faviconbildformatet kan vara ICO, JPEG, PNG eller GIF.
SVG är också ett vanligt format för favicons, men de accepteras inte av WordPress som standard. Det sagt, du kan konfigurera WordPress för att tillåta att lägga till SVG-filer.
Om du driver en företagsblogg kan du använda din varumärkeslogotyp som din favicon-ikon. Om du inte har en ännu kan du kolla in vår nybörjarguide om hur du skapar en logotyp för din webbplats.
Om du har en logotyp redo men vill göra bakgrunden transparent, kan du använda Photoshop eller ett gratis bildredigeringsverktyg med en automatisk bakgrundsborttagare. Se bara till att filformatet är PNG för att behålla favikonens transparens.
Ett annat alternativ du kan använda är en gratis favicon-generator som Favicon.io. Detta verktyg låter dig anpassa en favicon från grunden och ladda ner filerna i PNG- och ICO-format.
Med det i åtanke, här är hur du enkelt lägger till en favicon till din WordPress-blogg. Vi kommer att täcka 4 metoder, och du kan klicka på länkarna nedan för att hoppa till den metod du vill använda:
- Metod 1: Lägga till en favicon med WordPress Customizer
- Metod 2: Lägga till en Favikon med WordPress Webbplatsredigerare
- Metod 3: Lägga till en favicon med ett WordPress favicon-plugin
- Metod 4: Lägga till en Favicon manuellt på din WordPress-blogg
- Varför visas inte min WordPress-favicon?
- Vanliga frågor om att lägga till Favikoner
Redo? Låt oss börja.
Metod 1: Lägga till en favicon med WordPress Customizer
Detta är den enklaste metoden för att ändra en favikon i WordPress och rekommenderas för användare med klassiska teman. Allt du behöver göra är att ladda upp din bild, så sköter WordPress resten.
Navigera först till Utseende » Anpassa i din WordPress-instrumentpanel.
Om du använder ett modernt blocktema och inte hittar anpassaren, bör du hoppa till Metod 2 nedan eller se vår guide om hur du åtgärdar den saknade temaanpassaren i WordPress-admin.
Klicka sedan på fliken ‘Webbplatsidentitet’ i sidomenyn till vänster.
Här ser du alternativ för att anpassa din 'Webbplatslogotyp', 'Webbplatsnamn', 'Underrubrik' och 'Webbplatsikon'.
Om du vill lägga till en webbplats ikon, måste du skrolla ner till sektionen 'Webbplatsikon' och klicka på 'Välj webbplatsikon'.
WordPress mediebibliotek kommer nu att visas. Du kan antingen välja en befintlig bild eller ladda upp en ny anpassad favicon från din dator.
I det här exemplet kommer vi att använda WPBeginners logotyp som WordPress-webbplatsikon.
Efter att ha valt en bild, klicka på knappen ‘Välj’ i det nedre högra hörnet av fönstret.
Om favikonen är större än den rekommenderade storleken, låter WordPress dig beskära den. Om den exakt matchar den rekommenderade storleken kan du bara lämna den som den är.
När bilden ser bra ut, klicka bara på ‘Beskär bild.’
Därefter kommer du att återföras till WordPress Customizer. Här kan du slutföra din favicon-inställning genom att klicka på knappen 'Publicera' i sidofältet till vänster.
Det var allt! Nu när du har laddat upp din favikon, besök din WordPress-webbplats för att se om den redan är live.
Metod 2: Lägga till en Favikon med WordPress Webbplatsredigerare
Om du använder ett blocktema och vill lägga till din varumärkeslogotyp som en del av din webbplatsrubrik och som en webbplatsikon, då är den här metoden för dig.
För detta behöver du gå till Utseende » Redigerare från WordPress adminpanel.
På den här sidan hittar du flera menyer för att anpassa din webbplats, inklusive 'Navigation' och 'Styles'.
För den här handledningen måste du klicka på 'Mönster' för att komma åt din webbplats rubrik blockmönster.
När du skrollar ner ser du flera mallkomponenter: 'Header,' 'Footer,' och 'General.'
Klicka bara på mallen 'Header' för att lägga till din favicon där.
Klicka sedan helt enkelt på 'Header'-posten för att börja redigera malldelen.
Du är nu inne i WordPress Webbplatsredigerare.
Härifrån kan du klicka på knappen 'Lägg till block' (+) och söka efter blocket 'Webbplatslogotyp'.
Det är här du kommer att lägga till bilden som blir din WordPress-favikon.
Dra och släpp blocket fritt dit du vill ha det i din sidhuvud. I det här exemplet har vi placerat det bredvid webbplatsens titel.
Nästa sak du gör är att klicka på uppladdningsikonen i blocket 'Webbplatslogotyp'.
Precis som med den tidigare metoden kan du välja en befintlig bild eller ladda upp en ny från WordPress mediebibliotek.
Därefter behöver du navigera till sidopanelen för blockinställningar på höger sida av sidan. Aktivera bara inställningen 'Använd som webbplatsikon' för att lägga till logotypen som en favicon.
Slutligen kan du klicka på knappen ‘Spara’ längst upp till höger på sidan för att publicera din favicon.
Du kommer att se en varning om att ändringen kommer att påverka hela webbplatsen. Se bara till att rutan 'Ikon' är markerad och klicka på 'Spara' igen.
Nu när du har gått igenom alla steg kan du öppna din webbplats för att bekräfta att ändringen lyckades.
Metod 3: Lägga till en favicon med ett WordPress favicon-plugin
Om du föredrar att använda ett WordPress-plugin för favicon, kan du följa denna metod för att använda det kostnadsfria Favicon by RealFaviconGenerator-plugin.
Först måste du installera och aktivera pluginet. För mer information kan du följa vår guide om hur man installerar ett WordPress-plugin.
När den är aktiverad kan du gå till Utseende » Favicon i din WordPress-instrumentpanel.
Klicka sedan bara på knappen 'Välj från mediebiblioteket' för att ladda upp en ny bild eller använda en befintlig.
Notera att du behöver använda en kvadratisk bild. Plugin-programmet rekommenderar att webbplatsikonens storlek är minst 260 pixlar i både bredd och höjd, men inte mindre än 70 pixlar.
När du har valt en bild, fortsätt och klicka på knappen "Generera favicon".
Efter detta kommer pluginet att leda dig till RealFaviconGenerator-webbplatsen för att redigera faviconen.
Du kan anpassa olika inställningar, som bakgrundsfärgen och hur den ser ut på Googles sökresultatsidor (SERP), iOS, Android, macOS Safari, Chrome och Windows Metro.
I avsnittet "Favicon Generator Options" kan du markera rutan för att se om din webbplats tidigare har använt en favicon. Om ja, ange bara ett nummer i det andra fältet för att ange den favicon-version du använder.
På så sätt kommer användare som har besökt din webbplats tidigare att se den nya faviconen istället för den gamla.
När allt ser bra ut behöver du bara klicka på knappen 'Generera dina Favicons och HTML-kod' för att lägga till favicon till din WordPress-webbplats.
Din favicon bör nu vara live. Se till att hålla WordPress favicon-pluginet aktivt så att favicon alltid är aktiverat.
Metod 4: Lägga till en Favicon manuellt på din WordPress-blogg
Sist men inte minst kan du lägga till en WordPress-favikon till din blogg genom att manuellt redigera din temas kodfiler.
Detta är användbart om din temaanpassare inte har sektionen 'Webbplatsidentitet' eller om du använder ett blocktema och vill ha en annan favicon-bild än din webbplatslogotyp.
Det enklaste och säkraste sättet att redigera din temas kodfiler är med pluginet WPCode.
Det är det bästa pluginet för kodavsnitt för nybörjare. Vi har använt det själva och funnit att det låter dig infoga anpassad kod säkert, utan att bryta din webbplats.
För detaljer, se vår kompletta WPCode-recension, där vi gjorde en djupdykning i dess funktioner.
En annan stor fördel med WPCode är att om du uppdaterar ditt tema, så kommer du inte att förlora dina kodändringar, inklusive din favicon.
Notera: För den här guiden kan du använda den kostnadsfria versionen av WPCode. Med Pro-prenumerationen får du dock tillgång till funktioner som smart villkorlig logik och tredjepartsintegrationer för att hantera din kod mer effektivt.
För att komma igång måste du installera och aktivera WPCode. För mer information kan du se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Nästa sak du behöver göra är att förbereda dina favicon-filer. För detta kan du använda en gratis favicon-generator som Favicon.io.
På webbplatsen kan du klicka på ‘Bild’ för att konvertera en bildfil till en zip-fil och HTML-kod. Alternativt kan du använda alternativet ‘Emoji’ eller ‘Text’ för att skapa en favicon med hjälp av tillgängliga emojis och teckensnitt.
På nästa sida kan du ladda upp din bild. Klicka sedan på 'Ladda ner' för att spara favikon zip-filen, som innehåller dina favicon.png och favicon.ico filer.
Se till att hålla den här webbsidan öppen medan du går igenom nästa steg.
Nu behöver du ladda upp favicon zip-filen till din webbplats rotkatalog. För att göra detta kan du använda din WordPress-webbhotells filhanterare.
Alternativt kan du göra detta via en FTP-klient som FileZilla. För mer information, kolla in vår nybörjarguide om hur man använder FTP för att ladda upp filer till WordPress.
När du har öppnat dina webbplatsfiler via filhanteraren eller FTP, navigera till rotkatalogen.
WordPress-rotkatalogen är vanligtvis en mapp som heter 'public' eller 'public_html', och den innehåller viktiga WordPress-mappar som wp-content och wp-admin.
Vid det här laget kan du extrahera och ladda upp allt favicon-filinnehåll som du tidigare laddade ner till rotkatalogen.
Om du använder Filhanteraren kan du klicka på knappen 'Ladda upp' nära toppen.
Sedan kommer en ny flik att visas och be dig att ladda upp filerna.
På den här sidan kan du klicka på knappen ‘Välj fil’ och välja alla favicon-filer.
Vänta nu bara tills filerna har laddats upp framgångsrikt.
När du är klar kan du gå tillbaka till fliken filhanteraren. Du bör nu se alla dina favicon-filer i rotkatalogen, som i skärmdumpen nedan:
Nu går vi tillbaka till WordPress adminpanel.
I sidofältet till vänster vill du navigera till Kodavsnitt » Header & Footer.
Gå sedan tillbaka till fliken Favicon.io från tidigare.
Sedan måste du kopiera HTML-koden därifrån. Den bör ha 4 link rel -taggar i koden.
Därefter måste du gå tillbaka till WordPress och klistra in koden i 'Header'-sektionen på WPCode-sidan. Detta lägger till koden i din webbplats header.php-fil.
I kodavsnittet, leta efter attributen href. Du behöver ersätta det enkla filnamnet med din webbplats fullständiga URL följt av filnamnet (t.ex. https://yoursite.com/favicon.png).
Se till att behålla citattecknen intakta för att undvika fel.
Slutligen kan du klicka på knappen ‘Spara ändringar’ i det övre högra hörnet.
Och det var allt! Glöm inte att besöka din webbplats för att se om favicon-ändringen var lyckad.
Varför visas inte min WordPress-favicon?
Om du har laddat upp en favicon men den inte visas på din webbplats, oroa dig inte – du är inte ensam.
Detta är ett vanligt problem som kan uppstå av flera enkla anledningar, och det är oftast lätt att åtgärda.
Här är vad du ska kontrollera:
- Rensa webbläsarens cache: Webbplatser lagrar ofta gammal webbplatsdata. Att rensa din cache löser vanligtvis problemet. Du kan följa vår guide om att rensa webbläsarens cache för steg-för-steg-instruktioner.
- Rensa din CDN-cache: Om du använder en CDN kan den servera den gamla faviconen. Att rensa CDN-cachen säkerställer att din senaste webbplatsikon visas.
- Kontrollera i inkognitoläge: Öppna din webbplats i ett privat fönster för att bekräfta att faviconen har laddats upp korrekt.
- Ladda upp igen med ett annat filnamn: Om installationen inte fungerade kan det att byta namn på favicon-filen och ladda upp den igen lösa problemet.
- Åtgärda fel med blandat innehåll: Om din webbplats har blandat HTTP- och HTTPS-innehåll kanske faviconen inte visas. Se vår guide om att åtgärda fel med blandat innehåll i WordPress.
- Kontrollera värdleverantörens ikoner: Ibland visas värdleverantörens standard-favicon istället. Kontakta deras support om detta händer.
- Verifiera temarelaterade favicon-verktyg: Vissa teman har ett dedikerat alternativ för att ladda upp en favicon. Se till att dina temainställningar inte åsidosätter standard-webbplatsikonen i WordPress.
💡Proffstips: Att använda en pålitlig WordPress-värdleverantör med stark support kan spara dig tid och frustration när du felsöker problem som en saknad favicon eller andra problem med webbplatsens visning.
En bra värd kan snabbt identifiera server-sidig cachning, fel med blandat innehåll eller andra konflikter som kan förhindra att ändringar visas, så att du slipper lista ut det själv.
Kolla in vår lista över de bästa WordPress-värdleverantörerna för att hitta ett lämpligt alternativ.
Vanliga frågor om att lägga till Favikoner
Här är några frågor som våra läsare ofta har ställt om att lägga till favicons på sina WordPress-webbplatser:
Förbättrar favicons SEO?
Faviconer förbättrar inte SEO-rankingen direkt, men de förbättrar användarupplevelsen genom att göra din webbplats lättigenkännlig i webbläsarflikar och bokmärken. Detta kan indirekt stödja engagemang och klickfrekvens.
Ska faviconer vara 16×16 eller 32×32?
Faviconer är vanligtvis 16×16 pixlar för webbläsarflikar, men 32×32 eller högre rekommenderas för skärmar med högre upplösning och för användning i bokmärken eller genvägar. Att använda flera storlekar säkerställer att din favicon ser skarp ut överallt.
Hur lägger jag till en ikon på en WordPress-webbplats?
Du kan lägga till en webbplatsikon (favicon) via WordPress Customizer, Full Site Editor, ett favicon-plugin, eller genom att manuellt ladda upp den till dina temafiler.
Vilka är vanliga favicon-misstag?
Vanliga misstag inkluderar att använda fel filstorlek, inte ladda upp en transparent PNG, ignorera versioner med hög upplösning och att inte rensa cachen. Detta kan förhindra att faviconen visas korrekt.
Vi hoppas att den här artikeln hjälpte dig att lägga till en favicon på din WordPress-webbplats. Du kanske också vill se våra experters val av bästa gratis logotypskapare som hjälper dig att se ut som ett proffs och vår guide om hur man enkelt lägger till ikonfonter i ditt WordPress-tema.
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Jason
Varför behöver den vara 512 pixlar för en ikon? Jag hoppas att den konverteras någonstans inuti Wordpress, en gång för alla, och inte vid varje laddning. 512×512 är galet för något som sällan blir större än 32×32, om jag inte missar något?
John Krawczyk
Artikeln inte användbar. Alla säger åt dig att skapa en sökväg till din favicon & det är allt.
Men hur inkluderar du http: www http hur specificerar du .ico .png?
Ingen säger något i detalj.
WPBeginner Support
Hej John,
Ja, du måste inkludera hela URL:en, så här:
https://014.leahstevensyj.workers.dev/favicon.pngAdmin
Joe
Med WP4.7 och webbplatsikonfunktionen fungerar, men det känns bara fel för mig. Resultatet är 4 länkar i sektionen:
Men det skapar 10 olika versioner av webbplatsikonbilden utöver originalet i storlekarna 32×32, 100×100, 150×150, 180×180, 192×192, 250×250, 270×270, 300×300, 360×360, 500×310.
Varför så många beskurna bilder om bara 4 länkade till?
Dessutom skickar jag en ikonbild i storleken 512×512 som rekommenderat, men 500×310-versionen blir alltid beskuren så att toppen och botten av ikonen skärs bort. Finns det något sätt att kringgå detta och/eller är det ett stort problem?
Vilket webbläsarstöd täcker denna WP Site Icon (främst med avseende på hur långt tillbaka i IE)?
Tack!
Marieke
I Whatsapp, är bilden som visas till vänster om en länkadress om du skickar en länk: är det samma ikon? För jag ser den inte där.
Sunil
Marieke, Det är den utvalda bilden, du laddar upp till ett specifikt inlägg.
Cos
ICO Format-pluginet för Adobe Photoshop tillåter inte bilder som är mer än 256 pixlar höga eller breda. Så hur skapar du en som är 512px???
Marieke
Den behöver inte göras till en .ico. Bara en vanlig .png eller .lpg räcker när du arbetar i Wordpress.
Salim Ahmed
Informativ instruktion. Nu följer jag dina tips och tricks. Tack för att du delade med dig.
Taimoor Ahmed
Vänligen berätta för mig någon webbplats eller programvara där jag snabbt kan skapa en effektiv favicon för min webbplats????
Kirstie
Tack för ännu en enkel handledning att följa. Jag är en nybörjare och ni gör ett utmärkt jobb med att förklara saker på ett sätt som jag kan förstå.
WPBeginner Support
Thanks, glad you find our tutorials helpful.
Admin
Nelson
tack bra handledning lätt och fungerar
c
logotypen för att lägga till i vissa teman är inte för favicon, det är för sidhuvudets logotyp
ccstacyline
Hur kommer det sig att min sididentitetsmeny inte har tjänsten för webbplatsikon? Jag är så frustrerad... kan du hjälpa?
John Davis Frain
Är instruktionerna du ger här temabundna? Jag använder Delicacy-temat, och det ger mig inte det alternativet att ändra Webbplatsidentitet och infoga en Favicon.
WPBeginner Support
Nej, det är inte temaspecifikt. Se till att du använder den senaste versionen av ditt tema.
Admin
Mad Dog Malcs
Hej, jag ser inte heller fliken för webbplatsidentitet, jag använder sketch-temat, hur uppdaterar jag ett tema?
Tack på förhand, Malcs
shashi
jag kan gå till temaanpassning..där ser du alternativet att ladda upp favicon-ikonen enkelt...
Antonios
Du kanske inte ser ordet "favicon", troligen "webbplatsikon". Om du ser en rullningslist kan du behöva skrolla hela vägen ner för att se rutan "Välj bild".
a
Du kan lägga till favicon via WordPress 'Anpassa'-redigerare, som finns på alla WordPress-webbplatser.
Alan
Jag laddar upp en PNG-fil som är exakt 512×512 pixlar, WordPress sparar den, och sedan får jag en beskuren bild i mitt mediebibliotek. Superirriterande! WordPress 4.4.
Alan
Jag bör tillägga att den nya, beskurna bilden har exakt samma dimensioner som originalet jag laddade upp, men nu har jag två i mitt bibliotek (även om en har bearbetats två gånger och faktiskt har ökat två kilobyte i filstorlek!).
Katherine Johnston
Jag har gått igenom katalogen, exakt som du beskrev, men min flik "Webbplatsidentitet" har bara "Webbplatsrubrik", "Underrubrik" och en kryssruta för att visa sidhuvudtext. Hur kan jag fixa det? Eller måste jag gå FTP-vägen?
Tack för hjälpen!
Rahul Thakur
tack så mycket, väldigt enkelt sätt älskar det.
Liz
Utmärkta instruktioner, det tog mig cirka 32 sekunder att göra det. Fantastiskt! Tack
Erin
Tack! Detta var mycket hjälpsamt.
Marie Bock
Wow! Det var så enkelt med den nyare versionen av WordPress.
Matt
Super-easy! Thanks for that – I just need to go away and design a better logo now
Viscoun
Fungerar inte. När jag går till Anpassa > Webbplatsidentitet, visas inte alternativet för webbplatsikon – det står bara "Webbplatsens titel" och "Tagline".
david
vilken version av wordpress använder du?
Harshpreet
Hej, samma problem som jag har och jag använder wordpress-webbplatsen på min bärbara dator för att bygga upp min blogg!
Gina
Jag har samma problem. Jag använder WordPress direkt online, jag har inte laddat ner något. Ingen "webbplatsikon"-inställning alls.
WPBeginner Support
Se vår guide om skillnaden mellan självhostad WordPress.org vs gratis WordPress.com-blogg.
Admin
Lourika
Det tog mig evigheter att lista ut det!!!!
I det övre vänstra hörnet, klicka på MINA WEBBPLATSER
Gå till WP Admin
Klicka sedan på INSTÄLLNINGAR
och du kommer att kunna ändra ikonen (bilden) på höger sida……
Megan
Jippi! Det fungerade perfekt och instruktionerna var superenkla att följa. Tack så mycket!
Malcolm Ruthven
Jag lade till en 512×512 pixlar stor jog-bild via Webbplatsidentitet / Webbplatsikon. Bilden visas precis där. Men bilden visas inte som en favicon i någon webbläsare (Firefox, IE eller Chrome).
Shawna Marie
Jag har gjort alla steg. Bilden visas i anpassaren men inte på webbplatsen på någon plattform... iPhone eller på min iMac i någon av webbläsarna. Är det en specifik filtyp?
WPBeginner Support
Webbplatsikonfunktionen stöder PNG-, JPEG- och GIF-bildfiler.
Admin
Mike Crutcher
Detta fungerar inte på min webbplats. Jag har ikonen i rätt storlek, men den visas inte. Kanske beror det på min anpassade URL?
Maria
Är det här alternativet att ändra Webbplatsidentitet och lägga till Favicon temaspecifikt? Jag har inte det på min självhostade webbplats.
Dave
Tack! Fungerade utmärkt.
Arsh
Tack!
Nikki
Jag är så glad att jag snubblade över din artikel. Jag hade slutat försöka lista ut hur man laddar upp min favicon tidigare eftersom det kändes omöjligt. Men nyligen kände jag behovet av att ge det ett nytt försök. Du gjorde det så enkelt! Jag kan inte komma ihåg att det var så här enkelt att ladda upp tidigare.
Tack!
Nikki
Ruby Dawnbrooke
Hej!
Jag har en fråga, nyligen använde jag pluginet All in One Favicon. Jag laddade upp min bild men den visas inte om jag inte är inloggad på WordPress, den fortsätter bara att visa HostGators favicon (vanlig), kan någon hjälpa mig?
bg
Här är en dum fråga: Varför gör de det så komplicerat? Detta borde vara något som man kan göra med ett par klick, som att lägga till en bild i ett blogginlägg.
WPBeginner Support
Faktum är att det finns en funktion som för närvarande testas som kommer att tillåta användare att lägga till favicon från temaanpassaren.
Admin
dzaken
thankyou so much, easer way to make it. love it
Bert Rinkel
Jag har en logotyp som jag vill använda. Är det möjligt? Den är inte i kvadratiskt format just nu, men kan bli det. Hur gör jag det? Kan jag "skapa" en i iPhoto (på en Mac)? Var skulle jag göra det i iPhoto, och hur? Jag har en på min instrumentpanel nu. Kan jag dra den någonstans? Hur sparar jag den som en PNG-fil? Var gör jag det?
Detta är en trevlig allmän webbplats för att förstå vad en favicon är, men inte hur man gör det.
Mike
Hej Bert, jag håller fortfarande på att lära mig processen själv men jag är okej fram till den punkt du försöker nå. Att skapa en egen eller redigera en befintlig logotyp för att få den att passa kan göras i ett program som Photoshop. Kom ihåg att gå till Ny fil och ställa in storleken till 16×16 pixlar. Importera din bild till detta och minska den för att passa. Om du inte har Photoshop eller någon annan bildredigeringsprogramvara kan du gå till där instruktionerna är lätta att följa. Jag är säker på att det inte nödvändigtvis behöver vara en PNG-fil. Men det måste vara en .icon som Favicon-webbplatsen konverterar åt dig från den ursprungliga .jpeg som du laddade upp. Eftersom jag har Photoshop när jag klickade på knappen Redigera i iPhoto öppnades automatiskt Photoshop. Se vad som händer när du gör det på ditt system. Det kan öppna en alternativ redigeringsmetod. Hoppas det hjälper. Jag vet hur det är som nybörjare.
chukwubueze
Tack mannen.. din webbplats har varit användbar för mig och även dina videor på youtube. jag jobbar fortfarande på min webbplats.. du kan ta en titt.
vinayak
Kan jag lägga till Meta-beskrivning och meta-nyckelord för min webbplats med detta plugin.
4ryan
vad är denna apple touch icon???
4ryan
tack det här är vad jag letar efter, men hur kan jag lägga till en webbplatslogotyp. wordpress.com har möjlighet att lägga till en webbplatslogotyp men jag kan inte hitta den i självhostad wordpress cms
ConnieKirkpatrick
Thank you, this kept it simple and gives me a way to use this. Now, question: This will show a favicon for every page correct? What if I want a different one for each page?
Apoorva
Jag lyckades lägga till favicon utan bakgrundsbilden. Men när jag flyttar till en annan flik i webbläsaren visas bakgrundsbilden. Till exempel – om du tittar på favicon är den perfekt. Men när du är på en annan flik ser du den vita bakgrunden dyka upp. All rådgivning skulle uppskattas mycket! Tack!
mohammad raheem
Lägg bara till den här raden i din header.php var som helst före taggen.
och ladda upp favicon.ico till webbplatsens rotmapp. Rotmappen där din wp är installerad, ladda inte upp favicon.ico till undermappar. Uppdatera din webbläsare en eller två gånger så kommer din ico att visas i fliken.
Daniel Lobo
Detta löste definitivt problemet och ändrade favicon på alla sidor, FÖRUTOM hemsidan! Varför kan det vara så?? Hjälp snälla! Och tack!
Manuel Echeverry
bra! Jag ska göra det
joe
den här nybörjaren använde inte transparensen
Emma Lock
Tack så mycket för att du gjorde detta så lätt att följa!
Monu Saifi
Tack för att du gav mig topparna för att lägga till en favicon-ikon på min blogg.
Tack igen
Richard
Finns det ett sätt att installera pluginet för allt-i-ett-favicon via min /wp-admin/-sida via min webbläsare? Jag har byggt allt rakt igenom webbläsaren, ingen ftp alls.
shashi
jag kan gå till temaanpassning..där ser du alternativet att ladda upp favicon-ikonen enkelt...
Lluisrd
Toppen¡¡¡, Genom att bara redigera en enda rad i (header.php) har jag en favicon.
Men jag föredrar 128×128 favikoner…. som Google
TNXS
Kayode
Tack så mycket... Jag försökte med "Infoga sidhuvud och sidfot" men det fungerade inte, men när jag provade "Allt i en Favicon" fungerade det.. Tack så mycket..
Joel Mwakasege
Wow tack, den här var en livräddare. Min blogg visade bara standard WordPress-ikonen.
Rahul
Vad är skillnaden?
Jag menar varför krångla med FTP, om en enkel plugin finns tillgänglig och tjänar samma syfte?
Redaktionell personal
Eftersom uppgiften är så enkel kan den göras utan ett plugin. Men återigen, personlig preferens.
Admin
Kelvin Hanratty
Finns det någon anledning till varför den MÅSTE vara 16×16, eftersom högupplösta eller, vågar jag säga det, "Retina"-skärmar har en högre pixeltäthet?
Anledningen till att jag nämner det är att jag har använt en webbplats för att konvertera en bild till en favicon och den gav mig flera storlekar som alternativ: 16, 32, 64 pixlar. Stödjer inte WordPress detta?
Excuse my ignorance, I’m pretty new to WordPress!
Kelvin.
Kelvin Hanratty
Förlåt, läste fel i inlägget nedan om Bluehost. Oj!
Praveen Prasad
Utan att ladda upp plugins kan man helt enkelt applicera en favicon på en webbplats.
Enkla steg :-
1) Hosting CPanel —> Filhanteraren –>
2) Sök efter standardbilden i temamappen.
Ex- genesis/images/ favicon.ico
Ladda upp din .ico-fil till samma mapp och kom ihåg namnet på standardfilen.
(här favicon.ico)
I don’t think that remembering a simple filename is annoying.
Ta sedan bort den här filen och byt namn på den nya bildfilen till det tidigare filnamnet.
It Works
David
Ja, så här gjorde jag det hos Bluehost. Jag har bara skrivit över favicon.ico som fanns där med min uppladdade bild. Det enda är att originalet var inställt på 16×16 och jag var tvungen att lägga till en liknande 16×16. Den tog inte en 32×32 dock, men det är okej, det fungerade enkelt.