TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur lägger jag till Favicon till en gratis Weebly -webbplats?

5

Favicon (kort form av favoritikon) är en liten ikon som visas i webbläsaren som hjälper besökare att komma ihåg ditt varumärke. Vissa webbläsare visar favicon i adressfältet närmare URL och vissa visar på fliken närmare sidans titel. Detta är en proffsfunktion i Weebly och följ stegen nedan för att enkelt lägga till favicon till gratis Weebly -webbplats utan att uppgradera till Pro -konto.

Hur lägger jag till Favicon i Weebly?

Vi kommer att diskutera följande ämnen i den här artikeln:

  • Använda .ico -filen för favicon utan att skapa ytterligare sida.
  • Använda PNG eller JPEG eller någon bildfil med en extra sida.
  • Favicon för Weebly pro -användare.

Erbjudande: Värd dina Weebly- och WordPress -webbplatser på Bluehost för $ 2,95 per månad.

1 Använda ICO -fil

Steg 1: Gör ditt Favicon klart

Du måste ha en logotypbild innan du lägger till favicon på din webbplats. Din logotyp kan ha alla standardbildformat som JPEG och PNG. När din logotyp är klar kan du använda någon av de favicon -generatorer som finns tillgängliga på webben för att konvertera den till en .ico -fil.

En sådan favikongenerator är ” freefavicon.com “. Gå till webbplatsen och välj din bild för att konvertera den till en .ico -fil. Du kan också skapa en animerad version genom att lägga till en rullande text i favicon. När du är nöjd med din favicon -förhandsvisning, ladda ner filen "favicon.ico" till din lokala dator.

Steg 2: Ladda upp Favicon till din Weebly -webbplats

När du har din .ico -fil går du till ditt Weebly -konto och redigerar webbplatsen där du vill lägga till ett favikon. Välj " Redigera HTML/CSS " under fliken "Tema" i Weebly -redigeraren.

Hur lägger jag till Favicon till en gratis Weebly -webbplats?

Redigera HTML CSS i Weebly

Klicka på "+" -ikonen bredvid "Tillgångar", välj "Ladda upp fil (er)" från rullgardinsmenyn och ladda upp din favicon.ico -fil.

Hur lägger jag till Favicon till en gratis Weebly -webbplats?

Ladda upp Favicon på en gratis Weebly -webbplats

Du kan se att ditt filnamn är listat under "Tillgångar" när du har laddat upp det.

Hur lägger jag till Favicon till en gratis Weebly -webbplats?

Visa uppladdad Favicon -fil i Weebly Theme Editor

Observera att bilden av favicon -filen kanske inte är synlig som andra bilder som inte borde vara ett problem. Du kan se den när du visar den publicerade webbplatsen i webbläsaren. Spara dina ändringar och du måste ange ett temanamn för att spara om det är första gången du redigerar temat. Standardlänken till en bildfil i Weebly är enligt nedan:

http: //.weebly.com/files/theme/.ico

Ersätt "Ditt webbplatsnamn" och "Bildnamn" med webbadressen till din webbplats och ditt favikonfilnamn. Se till att du kan öppna denna favicon -URL i en webbläsare. Om denna URL inte fungerar, högerklicka på bilden och kopiera URL: en. Det ska se ut nedan:

https://www.weebly.com/editor/uploads/4/8/5/3/4853992/custom_themes/xxxxx/files/favicon.ico

Step3: Länka ditt Favicon

Gå till avsnittet "Inställningar> SEO> Rubrikkod " och klistra in följande kod:

<link rel = "genvägsikon” href = “Din Favicon Link”/>

Ersätt "Din Favicon -länk" med webbadressen till ditt favikon.

Hur lägger jag till Favicon till en gratis Weebly -webbplats?

Lägg till Favicon Link i avsnittet Weebly Header Code

Spara dina inställningar och publicera din webbplats.

Obs! I stället för att lägga till koden på webbplatsnivå kan du också klistra in koden i avsnittet "Rubrikkod" på varje sida under "Sidor> Välj sida> SEO -inställningar> Rubrikkod". På så sätt kan du ladda upp flera favicons och länka olika ikoner till olika sidor på din Weebly -webbplats.

Steg 4: Testa det på olika webbläsare

Det sista steget är att testa ditt favicon genom att öppna din webbplats i olika webbläsare som Firefox, Chrome och Edge. Kontrollera tydligheten och titta i olika webbläsare och justera din favoritstorlek om det behövs.

Hur lägger jag till Favicon till en gratis Weebly -webbplats?

Kontrollera Favicon i webbläsaren

Ibland kan det ta längre tid för favicon att reflektera i webbläsaren, du kan försöka uppdatera, rensa cacheminnet eller stänga och öppna webbläsaren.

2 Använda PNG- eller JPEG -bildfil

Numera skriver Weebly över .ico -filen med sin favikonbild. Så ovanstående metod kanske inte fungerar i alla fall. Prova i så fall den här metoden. Om du inte kan skapa .ico -fil eller inte är intresserad av att ändra tema, kommer denna metod att vara användbar.

Följ instruktionerna nedan:

  • Skapa en ny sida under fliken "Sidor" och namnge den vad du vill, till exempel namnge den som "favicon".
  • Dra och släpp och "Bild" -elementet på den sidan och ladda upp din favikonbild. Bilden ska vara .png eller .jpg eller något annat standardbildformat.
  • Kom ihåg att du inte kan ladda upp .ICO -fil med hjälp av bildelement. Du kommer att se ett felmeddelande som visar ogiltig filtyp och filen måste vara en JPEG, GIF eller PNG.
  • Publicera din webbplats och kopiera bildlänken, det ska vara ungefär så här:

http: //.weebly.com/uploads/1/3/4/0/13404245/541135_orig.png

  • Gå till "Inställning> SEO> Rubrikkod" och klistra in koden nedan:

<link rel = “genvägsikon” href = “Din bildlänk”/>

  • Publicera din webbplats och favicon kommer att synas i webbläsaren nu !!!

2.1. Döljer Favicon -sida

Vem som helst kan se din favicon -sida som kommer att ha en liten bild. Så det är nödvändigt att dölja denna sida för användare och sökmotorer.

  • Gå till fliken "Sidor" och markera "Dölj i navigering" för att ta bort faviconsidan från menyn.
  • Gå till "SEO -inställningar" på sidan och välj "Dölj den här sidan från sökmotorer" för att dölja sidan från sökmotorns sökrobotar.
  • Ställ in "Synlighet" på sidan med webbplatslösenord så att även användare känner till webbadressen, de kommer inte att kunna komma åt.

3 Weebly Favicon -alternativ för premiumanvändare

Premium -plananvändare kan ladda upp favicon för att deras webbplats ska se professionell ut. Weebly ger dig inget verktyg för att skapa ditt favicon eller föreslå bilder för ditt favicon. Du måste förbereda din egen .ico favicon -bildfil med lämplig storlek.

3.1. Hur laddar man upp?

  • Logga in på ditt Weebly Pro -konto och redigera webbplatsen som du vill ladda upp favicon.
  • Gå till avsnittet "Allmänt" tillgängligt under fliken " Inställningar ".
  • Ladda upp ditt favoritikon enligt bilden nedan.
  • Publicera din webbplats och kolla in webbläsaren (det kan ta någon gång innan favikonet återspeglas i webbläsaren)

Hur lägger jag till Favicon till en gratis Weebly -webbplats?

Favicon för Weebly Pro -användare

Erbjudande: Värd dina Weebly -webbplatser på SiteGround med 60% rabatt.

3.2. Funktioner i Weebly Favicon Option

  • Ladda bara upp din favicon -bildfil.
  • Weebly aktiverar automatiskt favicon för din webbplats på kort tid.
  • Stöds i alla webbläsare som Chrome, Firefox, Edge och Safari.

Viktigt: När du kopierar koden kan citaten vara i lockigt format. Se till att använda raka citattecken när du klistrar in koderna i Weebly kodredigerare.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer