TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan legge til Favicon til et gratis Weebly -nettsted?

2

Favicon (kort form for favorittikon) er et lite ikon vist i nettleseren som hjelper besøkende å huske merkevaren din. Noen nettlesere viser favikonet i adressefeltet nærmere URL og noen viser på fanen nærmere tittelen på siden din. Dette er en pro -funksjon i Weebly, og følg trinnene nedenfor for enkelt å legge til favicon på gratis Weebly -nettsted uten å oppgradere til Pro -konto.

Hvordan legge til Favicon i Weebly?

Vi vil diskutere følgende emner i denne artikkelen:

  • Bruker .ico -fil for favicon uten å opprette en ekstra side.
  • Bruke PNG eller JPEG eller en hvilken som helst bildefil med en ekstra side.
  • Favicon for Weebly pro -brukere.

Tilbud: Vert for Weebly- og WordPress -nettstedene dine på Bluehost for $ 2,95 per måned.

1 Bruke ICO -fil

Trinn 1: Gjør ditt Favicon klart

Du må ha et logobilde før du legger til favicon på nettstedet ditt. Logoen din kan ha et hvilket som helst standard bildeformat som JPEG og PNG. Når logoen din er klar, kan du bruke hvilken som helst av de gratis favicon -generatorene som er tilgjengelige på nettet for å konvertere den til en .ico -fil.

En slik favicon -generator er ” freefavicon.com “. Gå til nettstedet og velg bildet ditt for å konvertere det til en .ico -fil. Du kan også lage en animert versjon ved å legge til en rulletekst i favorittikonet. Når du er fornøyd med forhåndsvisningen av favicon, laster du ned “favicon.ico" -filen til din lokale datamaskin.

Trinn 2: Last opp Favicon til ditt Weebly -nettsted

Etter at du har .ico -filen, går du til Weebly -kontoen og redigerer nettstedet du vil legge til et favikon. Velg " Rediger HTML/CSS " under "Tema" -fanen i Weebly -editoren.

Hvordan legge til Favicon til et gratis Weebly -nettsted?

Rediger HTML CSS i Weebly

Klikk på "+" – ikonet ved siden av "Assets", velg "Last opp fil (er)" fra rullegardinmenyen og last opp favicon.ico -filen.

Hvordan legge til Favicon til et gratis Weebly -nettsted?

Laster opp Favicon på et gratis Weebly -nettsted

Du kan se at filnavnet ditt er oppført under "eiendeler" etter at du har lastet det opp.

Hvordan legge til Favicon til et gratis Weebly -nettsted?

Se opplastet Favicon -fil i Weebly Theme Editor

Vær oppmerksom på at bildet av favicon -filen kanskje ikke er synlig som andre bilder som ikke burde være et problem. Du kan se den når du ser det publiserte nettstedet i nettleseren. Lagre endringene dine, og du må oppgi et temanavn for lagring, hvis dette er første gang du redigerer temaet. Standardkoblingen til en bildefil i Weebly er som nedenfor:

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

Erstatt "Ditt nettstednavn" og "Bildenavn" med nettadressen til nettstedet ditt og favicon -filnavnet ditt. Sørg for at du kan åpne denne favikon -URL -en i en nettleser. Hvis denne URL -en ikke fungerer, høyreklikker du på bildet og kopierer URL -en. Det skal se ut som nedenfor:

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

Trinn 3: Koble ditt favorittikon

Gå til delen "Innstillinger> SEO> Overskriftskode " og lim inn følgende kode:

<link rel = “shortcut icon” href = “Your Favicon Link”/>

Erstatt "Din Favicon -lenke" med nettadressen til favikonet ditt.

Hvordan legge til Favicon til et gratis Weebly -nettsted?

Legg til Favicon Link i seksjonen Weebly Header Code

Lagre innstillingene og publiser nettstedet ditt.

Merk: I stedet for å legge til koden på sidenivå, kan du også lime inn koden i "Topptekst" -delen på hver side under "Sider> Velg side> SEO -innstillinger> Overskriftskode". På denne måten kan du laste opp flere favicons og koble forskjellige ikoner til forskjellige sider på Weebly -nettstedet ditt.

Trinn 4: Test den på forskjellige nettlesere

Det siste trinnet er å teste favorittikonet ditt ved å åpne nettstedet ditt i forskjellige nettlesere som Firefox, Chrome og Edge. Sjekk klarheten og se i forskjellige nettlesere, og juster favikonstørrelsen om nødvendig.

Hvordan legge til Favicon til et gratis Weebly -nettsted?

Sjekk Favicon i nettleseren

Noen ganger kan det ta lengre tid før favikonet reflekteres i nettleseren. Du kan prøve å oppdatere, tømme bufferen eller lukke og åpne nettleseren.

2 Bruke PNG- eller JPEG -bildefil

I dag overskriver Weebly .ico -filen med sitt favicon -bilde. Så metoden ovenfor fungerer kanskje ikke i alle tilfeller. Prøv i så fall denne metoden. Hvis du ikke er i stand til å lage .ico -fil eller ikke er interessert i å endre tema, vil denne metoden være nyttig.

Følg instruksjonene nedenfor:

  • Opprett en ny side under "Sider" -fanen, og navngi den hva du vil, for eksempel navngi den som "favicon".
  • Dra og slipp og "Bilde" -elementet på siden og last opp favikonbildet ditt. Bildet skal være .png eller .jpg eller et annet standard bildeformat.
  • Husk at du ikke kan laste opp .ICO -filen ved hjelp av bildeelement. Du vil se en feilmelding som viser ugyldig filtype, og filen må være en JPEG, GIF eller PNG.
  • Publiser nettstedet ditt og kopier bildelinken, det skal være omtrent som nedenfor:

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

  • Gå til "Setting> SEO> Header Code" og lim inn koden nedenfor:

<link rel = “shortcut icon” href = “Your Image Link”/>

  • Publiser nettstedet ditt, og favikonet vil bli sett i nettleseren nå !!!

2.1. Skjuler Favicon -side

Hvem som helst kan se din favicon -side som har et lite bilde. Så det er nødvendig å skjule denne siden for brukere og søkemotorer.

  • Gå til kategorien "Sider" og merk av for "Skjul i navigasjonen" for å fjerne favikon -siden fra menyen.
  • Gå til "SEO -innstillinger" på siden og velg "Skjul denne siden for søkemotorer" for å skjule siden for søkemotorer.
  • Angi "Synlighet" på siden med nettstedspassord, slik at selv brukere vet URL -adressen, vil de ikke få tilgang.

3 Weebly Favicon -alternativ for premiumbrukere

Premium -planbrukere kan laste opp favikonet for å få nettstedet til å se profesjonelt ut. Weebly gir deg ikke noe verktøy for å lage ditt favikon eller foreslå bilder for ditt favikon. Du må forberede din egen .ico favicon -bildefil med riktig størrelse.

3.1. Hvordan laste opp?

  • Logg deg på Weebly Pro -kontoen din og rediger nettstedet du vil laste opp favicon.
  • Gå til delen "Generelt" tilgjengelig under fanen " Innstillinger ".
  • Last opp favorittikonet ditt som vist på bildet nedenfor.
  • Publiser nettstedet ditt og sjekk i nettleseren (Det kan ta tid før favikonet gjenspeiles i nettleseren)

Hvordan legge til Favicon til et gratis Weebly -nettsted?

Favicon for Weebly Pro -brukere

Tilbud: Vert for Weebly -nettstedene dine på SiteGround med 60% rabatt.

3.2. Funksjoner i Weebly Favicon Option

  • Bare last opp din favicon -bildefil.
  • Weebly vil automatisk aktivere favikonet for nettstedet ditt på kort tid.
  • Støttes i alle nettlesere som Chrome, Firefox, Edge og Safari.

Viktig: Når du kopierer koden, kan anførselstegnene være i krøllete format. Sørg for å bruke rette anførselstegn når du limer kodene i Weebly -kodeditoren.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon