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 webbikonsbild hjälper besökare att snabbt känna igen din WordPress-webbplats i webbläsarflikar, bokmärken och på mobila enheter.
Det får också din webbplats att se mer professionell ut och stärker din varumärkesidentitet. Här är några av de främsta fördelarna med att lägga till en webbikonsbild på din WordPress-blogg:
- Förbättra varumärkesigenkänning: Din webbikonsbild hjälper till att visa din logotyp eller varumärkesikon i webbläsarflikar, bokmärken och sökresultat.
- Gör din webbplats lättare att hitta: Besökare kan snabbt identifiera din webbplats när de har flera flikar öppna.
- Skapa ett mer professionellt utseende: En anpassad webbikonsbild hjälper din webbplats att känna sig mer polerad och pålitlig.
- Förbättra mobilupplevelsen: När användare sparar din webbplats på sin telefons startskärm används webbikonsbilden ofta som en applikationsliknande ikon.
Så här ser en favicon ut i en webbläsare:
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.
När du skapar din webbikonsbild är det avgörande att ta hänsyn till de olika storlekar och format som krävs för olika plattformar och enheter.
Här är en omfattande guide till webbikonsbildens dimensioner och föredragna filtyper:
| Användning/Kontext | Rekommenderad storlek (pixlar) | Föredragna format | Anteckningar |
|---|---|---|---|
| WordPress standard (webbplatsikon) | 512×512 (minimum) | PNG, ICO, JPEG, GIF | Fyrkantig bild för allsidig användning av WordPress; kommer att skalas. |
| Webbläsarflik/URL-fält | 16×16 | ICO, PNG | Den vanligaste visningsstorleken i webbläsarflikar. |
| Bokmärken/Favoriter | 32×32, 64×64 | ICO, PNG | För visning med högre upplösning i bokmärkesmenyer och listor. |
| Skrivbordsgenvägar | 32×32, 64×64, 128×128 | ICO, PNG | För ikoner på skrivbordet eller i filutforskaren. |
| Apple Touch Icon (iOS startskärm) | 180×180 | PNG | För genvägar på iPhone/iPad startskärm (ingen transparens). |
| Android Chrome-ikon | 192×192 | PNG | För genvägar på Android-startskärmen. |
| Windows Metro-bricka | 70×70, 150×150, 310×310 | PNG, ICO | För Windows Start-menybrickor (olika storlekar för olika typer av brickor). |
| Allmänt/Skalbart | Vektor (ingen fast storlek) | SVG | Vektorformat för skarp visning i valfri storlek (kräver WordPress-konfiguration för uppladdning). |
SVG är också ett vanligt format för favikoner, men de accepteras inte av WordPress som standard. Du kan dock konfigurera WordPress för att tillåta att lägga till SVG-filer.
För den inbyggda WordPress-webbplatsikonfunktionen (används i Anpassaren och Webbplatsredigeraren) måste du dock fortfarande ladda upp en rasterbild på 512×512 pixlar som PNG, JPEG eller GIF.
Om du driver en företagsblogg kan du använda din varumärkeslogotyp som din favicon-ikon. Om du inte har en än 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 populär gratis favicon-generator som Favicon.io, som betroddes av miljontals användare. Det här verktyget 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 kan hitta anpassaren, bör du hoppa till Metod 2 nedan eller se vår guide om hur du åtgärdar den saknade anpassaren för tema 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 (som de som är vanliga i WordPress 6.5+) och vill lägga till din varumärkeslogotyp som både en del av din webbplats rubrik och 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 behöver du klicka på 'Mönster' för att komma åt din webbplatsrubriks blockmönster.
När du skrollar ner ser du flera mall-delar: 'Rubrik', 'Sidfot' och 'Allmänt'.
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.
Du kan fritt dra och släppa blocket dit du vill ha det i din rubrik. 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 föregående 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 favicon-plugin kan du följa den här metoden för att använda det kostnadsfria pluginet Favicon by RealFaviconGenerator. Det har över 200 000 aktiva installationer och ett 4,9-stjärnigt betyg på WordPress.org.
Först måste du installera och aktivera pluginet. För mer detaljer 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 har använt en favicon tidigare. Om ja, ange versionsnumret på din befintliga favicon i det andra fältet.
Detta hjälper till att säkerställa att användare som har besökt din webbplats tidigare kommer att se den nya favikonen istället för den gamla på grund av korrekt cache-rensning.
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
Viktigt: Innan du fortsätter med manuella fil- eller kodändringar, skapa alltid en fullständig säkerhetskopia av din WordPress-webbplats. Detta säkerställer att du enkelt kan återställa din webbplats om några problem uppstår.
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 WPCode-pluginet.
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.
Dessutom litar över 3 miljoner webbplatser på den. För detaljer, se vår fullständiga 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. Men med Pro-prenumerationen får du tillgång till funktioner som smart villkorlig logik och tredjepartsintegrationer för att hantera din kod mer effektivt.
För att börja 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 steg ä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 favicon zip-filen, som innehåller din favicon.ico, flera PNG-filer i olika storlekar som favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, och en site.webmanifest-fil.
Se till att hålla den här webbsidan öppen medan du går igenom nästa steg.
Nu måste du först extrahera favicon zip-filen på din dator. Ladda sedan upp de extraherade filerna, som favicon.ico, favicon-16x16.png, favicon-32x32.png och apple-touch-icon.png, till din webbplats rotkatalog.
Alternativt kan du göra detta via en FTP-klient som FileZilla. För mer information, se vår nybörjarguide om hur du 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.
Gå sedan tillbaka till WordPress och klistra in koden i avsnittet 'Header' på WPCode-sidan.
Detta kommer att injicera koden i din webbplats <head>-sektion på varje sida via wp_head-kroken, så inga temafiler ändras.
HTML-koden från Favicon.io använder vanligtvis relativa sökvägar (t.ex. href="/favicon-32x32.png"), vilket är korrekt när dina favicon-filer finns i rotkatalogen. Du behöver vanligtvis inte ändra dessa href attribut.
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 ofta orsakas av enkla favicon-misstag eller cachning.
Det är oftast lätt att åtgärda. Här är vad du ska kontrollera:
- Rensa webbläsarens cache: Webblesare lagrar ofta gamla webbplatsdata. Att rensa cachen 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 ditt CDN-cache: Om du använder ett CDN kan det 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 blandade innehållsfel: Om din webbplats har blandat HTTP- och HTTPS-innehåll kanske faviconen inte visas. Se vår guide om att åtgärda WordPress-fel med blandat innehåll.
- 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 de bästa gratis logotypskaparna som hjälper dig att se ut som ett proffs och vår guide om hur du enkelt lägger till ikonfonter i ditt WordPress-tema.
Om du gillade den här artikeln, prenumerera gärna på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Suman Sourabh
Jag lade till en Favicon med den första metoden via "WordPress Customizer". Det var verkligen superenkelt. Men jag tycker inte att vi borde använda ett plugin för att utföra sådana mindre uppgifter, eftersom för många plugins kan vara en utmaning att underhålla. Vad tycker du?
WPBeginner Support
Det beror på det specifika pluginet och dess användningsfall. Artikeln nedan förklarar vår åsikt om hur många plugins en webbplats bör ha
https://014.leahstevensyj.workers.dev/opinion/how-many-wordpress-plugins-should-you-install-on-your-site/
Admin
Hajjalah
Den här artikeln var så hjälpsam för mig eftersom jag undrade varför andra webbplatsers logotyper visas i sökresultaten medan min inte gjorde det. När jag använde "Metod 1: Lägga till en favicon med WordPress Customizer" visades bara Google, jag använde också "Metod 3: Lägga till en favicon med ett WordPress-plugin för favicon" och då började Yandex-sökningar visas, men Bing-sökresultaten visade inte min Favicon. Jag vet inte varför?
WPBeginner Support
Om du nyligen gjorde en sökning efter att ha ändrat din Favicon, är den mest troliga anledningen att sökmotorn ännu inte hade genomsökt din webbplats igen.
Admin
mohadese esmaeeli
Enligt min mening kan en favicon locka publikens uppmärksamhet och ge en snygg och estetisk touch till webbplatsen i webbläsaren. Kanske kan den fånga betraktarens blick och vara en utmärkande funktion.
Jiří Vaněk
Det är precis som du säger. En favicon handlar verkligen om personalisering och att fånga användarens uppmärksamhet. När du har flera flikar öppna i webbläsaren kan du enkelt identifiera en webbplats genom dess favicon. Det är som en personlig stämpel för webbplatsen, vilket gör den lätt att komma ihåg. Dessutom, när du bokmärker en webbplats, sparas den med sin favicon, vilket i hög grad hjälper till att navigera bland många bokmärken, särskilt om de inte är väl organiserade. Med tanke på hur liten en favicon är, är den extremt viktig för en webbplats enligt min åsikt.
mohadese esmaeeli
Hej. Favicon-sektionen på min webbplats fungerar inte. Även när jag anger URL:en i temainställningarna visas den inte. Jag försökte också via webbplats-ID-delen, men det ger ett felmeddelande om att bilden inte bearbetas. Kan du vägleda mig i detta?
WPBeginner Support
Om du använder det inbyggda alternativet för ditt tema, rekommenderar vi först att du kontaktar ditt temas support eftersom de kan ha ett specifikt krav för favicon-bilden som används med deras verktyg.
Admin
Jiří Vaněk
Senaste gången jag laddade upp en favicon till en webbplats kämpade jag väldigt länge med att ikonen inte visades på webbplatsen. Jag rensade webbläsarens cache och WordPress självt och det hjälpte inte. Den visades inte förrän några timmar senare. Om någon har problem med det kan cachen finnas på många ställen. CDN, på nätverkskomponenten hemma, på servern. Så ibland är det bra att bara vänta ett tag och inte stressa direkt. Annars är Favicon en liten sak, men det är ett utmärkt sätt att anpassa sin egen sida.
WPBeginner Support
Att ha en favicon kan hjälpa din SEO och även hjälpa användare att komma ihåg din webbplats, men det är inte obligatoriskt och den första favicon du ställer in kan ändras till en annan senare.
Admin
Peter Iriogbe
Nu förstår jag varför webbplatsägare håller sig till att använda Favicon som ser likadan ut som deras webbplatslogotyp.
Peter Iriogbe
Är det ett måste att ladda upp en favicon eller påverkar det rankingen i sökningar?
Jiří Vaněk
Favicon är inte nödvändigt och påverkar inte SEO och sökning på något sätt. Det är personaliseringen av sidan. En favicon är bra på två sätt. Om någon lägger till din sida i sina favoriter, kommer de omedelbart att känna igen den genom faviconen och inte behöva leta länge. Den andra bra saken är när du har flera sidor öppna i din webbläsare. Du kan också känna igen den givna sidan omedelbart genom faviconen. Så jag rekommenderar definitivt att ha det, även om det inte riktigt påverkar SEO och själva sökningen.
mohadese esmaeeli
Precis, jag håller med. Jag har upplevt samma problem. Ofta när jag söker öppnar jag olika webbplatser, och efter en timme inser jag att jag har många flikar öppna i Chrome-webbläsaren, precis framför mina ögon! Att ha en favicon hjälper mig dock att snabbt hitta min önskade webbplats bland de många flikarna.
Javi
andra alternativet fungerade, tack
WPBeginner Support
Kul att höra att det fungerade
Admin
Meer Hamza
Är det obligatoriskt att ladda upp en favicon på en WordPress-webbplats i ICO-filformat.
WPBeginner Support
Nej, den behöver inte vara i ico-format.
Admin
Meer Hamza
1-Är det ok att bara ladda upp webbplatsikon från tema>anpassa>webbplatsikon. Kommer den att visas som favicon?
2-Jag laddar upp webbplatsikon på wordpress-webbplatsen. Är det nödvändigt att visa Favicon på URL-webbplatsen.com/favicon
WPBeginner Support
1. Ja det går bra att ladda upp den därifrån
2. Det är inte nödvändigt men det kan vara hjälpsamt för att hitta favicon senare.
Admin
Alex Perry
Tack, efter 2 timmars sökande hittade jag den äntligen. Hur man ändrar webbplatsikonen...
WPBeginner Support
Kul att vår guide lät dig lägga till den istället för att behöva söka vidare
Admin
Ben
Jag tror att detta behöver uppdateras. Jag försökte detta och det finns ingen flik "Webbplatsidentitet" under Utseende > Anpassa
WPBeginner Support
Ditt specifika tema kan ha en anpassad redigerare eller om du använder blockredigeraren kan du lägga till blocket för webbplatslogotyp, ställa in en bild och i blockets inställningar ha den inställd som webbplatsens favicon.
Admin
FAIZ
vilken bra guide, verkligen den är mycket hjälpsam
WPBeginner Support
Kul att vår guide var till hjälp
Admin
Max Anderson
Vad representerar WPBeginners favicon?
WPBeginner Support
Vår blob är en enkel design av ett ansikte som ler med ett utropstecken och en parentes
Admin
AL
Hej, vad ska jag göra när Favicon inte visas i en krom-baserad webbläsare och visas i Firefox.
WPBeginner Support
Du vill normalt rensa din webbplats cache samt försöka ställa in favicon igen av en vanlig anledning.
Admin
John
Jag är ny på detta så jag skulle uppskatta lite vägledning med favicon. Webbplatsen jag försöker ta hand om behöver byta favicon. Kan jag ladda upp en ny bild som favicon som kommer att skriva över den favicon som för närvarande finns på sidorna, eller måste jag ta bort den nuvarande och sedan ladda upp en ny bild?
Tack för alla svar
WPBeginner Support
Du vill kontakta supporten för ditt specifika tema för att se om ditt tema har detta alternativ.
Admin
Ray
Jag mådde bra på videon tills du sa "klicka på webbplatsidentitet"... det finns ingen sådan flik i min version. Det första alternativet är "Global" sedan "Header", "Breadcrumb", "UberMenu{main]", "Blog", etc. Ingen "Webbplatsidentitet"... så uppenbarligen utan att kunna komma till den skärmen kommer jag ingen vart. Finns det något annat sätt att komma in?
WPBeginner Support
Om ditt tema har olika inställningar och du inte kan hitta favikonen i anpassningsinställningarna, bör du kontakta supporten för ditt specifika tema för att se om de har den placerad i ett tema-specifikt område.
Admin
Krishna
Hej Wpbeginner!
Jag använder Astra-temat, min webbplats Favicon fungerar för alla utom Google-sökresultat. Hur kan jag fixa det?
WPBeginner Support
Du behöver vänta på Google för tillfället.
Admin
Soul sultan
Detta är den fantastiska guiden om hur man lägger till en favicon på en WordPress-blogg
WPBeginner Support
Tack, glad att du fann vårt innehåll hjälpsamt
Admin
Shomirul Islam Bonny
Tack! Det hjälpte mig!
WPBeginner Support
Varsågod, kul att det hjälpte
Admin
Munendra Singh
alla hjälpsamma inlägg,, tack
WPBeginner Support
Kul att du fann vårt inlägg användbart
Admin
Raj
Bra! Jag går alltid igenom dina handledningar när jag fastnar i någon typ av problem. Tack för det.
WPBeginner Support
Tack, kul att våra artiklar kunde hjälpa
Admin
John Barson
Kan du inte lägga till en favicon på din WordPress-webbplats? Det var mitt problem. Jag gjorde en hel del research där jag äntligen hittade mitt problem. Det berodde på att PHP GD Library inte var aktiverat. Lyckligtvis kontrollerar jag min egen server. Jag hade uppgraderat serverns PHP till v7.2 men jag glömde att aktivera PHP GD-biblioteket. Så... om du upptäcker att när du försöker lägga till webbplatsikonen i utseendedelen av din WordPress-admin och bilden du laddar upp/väljer inte accepteras eller du inte kan använda funktionen för att beskära bilden, beror det troligen på att din webbservervärd inte har aktiverat GD Library.
WPBeginner Support
Tack för att du delade denna information om någon annan stöter på det problemet
Admin
Cean Herzfield
Tack så mycket! Du räddade mig från mycket frustration eftersom jag arbetar med Xampp och det var inaktiverat som standard. Nu, hade det inte varit trevligt om de hade nämnt det i artikeln.
Pritam
Favicon för min webbplats var synlig innan jag ändrade DNS för Cloudflare. Nu är den synlig på adminsidan men inte på webbplatsen. Hur löser jag detta problem. Du kan kolla på min webbplats
Michele A
Den här handledningen var underbar! Tack så mycket för det stora arbetet!
Jacques
Min Favicon uppdateras på ADMIN-sidan, men inte på användarsidan
Tracy
Lyckades du lista ut hur du fixar det?
RAJ
“När jag går till fliken ”Webbplatsidentitet” finns det ingen plats att ladda upp en webbplatsikon. Det enda alternativ jag har är ”Webbplatsrubrik”. Det är ALLT!
Jag använder WordPress 4.7.3.”
Bekzat Sadykov
Jag antar att WP-temat du använder inte har favikon implementerad. Så, om det inte deklareras i theme functions.php-filen, kommer det inte att visas i admin/editor-sidan.
Du kan hårdkoda det till header.php eller använda tredjepartsplugins.
jacob
scrolla ner lite så ser du platsen för att ladda upp din favicon
Eleanor
Hej, jag uppdaterade nyligen min webbplats från HTTP till HTTPS och när det hände slutade webbplatsikonen att fungera. Betyder det att jag någonstans har missat ett steg? Jag har försökt ändra bilden och ladda upp en ny, och det har inte fungerat. Om någon skriver in webbplatsens URL med http så visas den gamla faviconen (och inte webbplatsikonen), men i samma ögonblick som det är https försvinner den. Webbplatsikonen syns dock när jag är inloggad i instrumentpanelen.
Matt Parker
Eleanor
Jag är på HTTPS och jag har samma problem, hittade du en lösning?
Favicon visas bara när jag är inloggad i administratörsläge!
Jimmy
När jag går till fliken "Webbplatsidentitet" finns det ingen plats att ladda upp en webbplatsikon. Det enda alternativet jag har är "Webbplatsnamn". Det är ALLT!
Jag använder WordPress 4.7.3.
Snälla hjälp!
Ahmed Akeem
Jag antar att WP-temat du använder inte har favikon implementerad. Så, om det inte deklareras i theme functions.php-filen, kommer det inte att visas i admin/editor-sidan.
Du kan hårdkoda det till header.php eller använda tredjepartsplugins.
Abubakar Sahabi Rafi
Det hjälpte verkligen, mer kraft åt oss.
Tim
Kan någon berätta för mig hur den här nya funktionen “Webbplatsikon” är tänkt att fungera? Jag kommer till den punkt där filen laddas upp och jag får en dialogruta som erbjuder att beskära bilden. Problemet är 1) min bild behöver inte beskäras och 2) det finns ingen “Spara”-knapp (eller “Klar” eller något liknande), bara en “Beskär”-knapp och X i det övre högra hörnet för att stänga dialogrutan. Om jag klickar på “Beskär” får jag ett felmeddelande (Fel vid beskärning av denna bild, bla bla bla) och om jag trycker på X stängs den. Oavsett vilket sparas inte min bild som en webbplatsikon (även om den sparas i mediebiblioteket. Efter att ha raderat bilden och ändrat storlek till exakt 512×512 laddar jag upp den igen. Den här gången ingen beskärningsdialog, bara dialogrutan “Välj” bild. Jag klickar på välj, bilden har en ruta runt sig och en bock och inget annat händer. Ingen Spara, etc. När jag stänger dialogrutan finns det fortfarande “Ingen bild vald.” Detta händer i Chrome OCH Firefox. Jag är redo att kasta bort WordPress och koda allt manuellt. Jag har inte använt WordPress på ett par år och jag är frustrerad över vad som verkar vara buggig, dålig design och funktionsuppblåsthet.
Brian
kod lätt att tolka, det fungerade. tack…
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
Tack, kul att du tycker att våra handledningar är användbara.
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.