TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Kuinka lisätä Favicon ilmaiseen Weebly -sivustoon?

3

Favicon (suosikkikuvakkeen lyhyt muoto) on pieni selaimessa näkyvä kuvake, joka auttaa kävijöitä muistamaan brändisi. Jotkut selaimet näyttävät suosikkikuvakkeen osoiterivillä lähempänä URL -osoitetta ja jotkut näkyvät välilehdellä lähempänä sivusi otsikkoa. Tämä on Weeblyn ammattiominaisuus ja seuraa alla olevia ohjeita lisätäksesi faviconin helposti ilmaiseen Weebly -sivustoon päivittämättä Pro -tilille.

Kuinka lisätä Favicon Weeblyyn?

Keskustelemme seuraavista aiheista tässä artikkelissa:

  • .Ico -tiedoston käyttäminen faviconissa ilman lisäsivun luomista.
  • Käytä PNG- tai JPEG -tiedostoa tai mitä tahansa kuvatiedostoa, jossa on lisäsivu.
  • Favicon Weebly pro -käyttäjille.

Tarjous: Isännöi Weebly- ja WordPress -sivustojasi Bluehostissa hintaan 2,95 dollaria kuukaudessa.

1 ICO -tiedoston käyttäminen

Vaihe 1: Valmista Favicon

Sinulla on oltava logokuva, ennen kuin lisäät faviconin sivustoosi. Logosi voi olla missä tahansa vakiomuodossa, kuten JPEG ja PNG. Kun logosi on valmis, voit muuntaa sen .ico -tiedostoksi käyttämällä mitä tahansa verkossa saatavilla olevaa ilmaista favicon -generaattoria.

Yksi tällainen favicon -generaattori on ” freefavicon.com ". Siirry sivustolle ja valitse kuvasi muuntaaksesi sen .ico -tiedostoksi. Voit myös luoda animoidun version lisäämällä vieritystekstin faviconiin. Kun olet tyytyväinen favicon -esikatseluun, lataa "favicon.ico" -tiedosto paikalliselle tietokoneellesi.

Vaihe 2: Lataa Favicon Weebly -sivustoosi

Kun sinulla on .ico -tiedosto, siirry Weebly -tiliisi ja muokkaa sivustoa, johon haluat lisätä faviconin. Valitse Weebly -editorin Teema -välilehden Muokkaa HTML/CSS -tiedostoa.

Kuinka lisätä Favicon ilmaiseen Weebly -sivustoon?

Muokkaa HTML CSS: ää Weeblyssä

Napsauta "Resurssit" -kohdan vieressä olevaa "+" -kuvaketta, valitse "Lataa tiedostot" avattavasta valikosta ja lataa favicon.ico -tiedostosi.

Kuinka lisätä Favicon ilmaiseen Weebly -sivustoon?

Faviconin lataaminen ilmaiseen Weebly -sivustoon

Näet, että tiedostonimesi näkyy resurssien kohdassa lataamisen jälkeen.

Kuinka lisätä Favicon ilmaiseen Weebly -sivustoon?

Näytä ladattu Favicon -tiedosto Weebly -teemaeditorissa

Huomaa, että favicon -tiedoston kuva ei ehkä ole näkyvissä muiden kuvien tavoin, mikä ei saisi olla ongelma. Voit tarkastella sitä, kun katselet julkaistua sivustoa selaimessa. Tallenna muutokset ja sinun on annettava teeman nimi tallennettavaksi, jos muokkaat teemaa ensimmäistä kertaa. Weeblyn kuvatiedoston oletuslinkki on seuraava:

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

Korvaa "Sivustosi nimi" ja "Kuvan nimi" sivustosi URL -osoitteella ja favicon -tiedostonimellä. Varmista, että voit avata tämän favicon -URL -osoitteen selaimessa. Jos tämä URL -osoite ei toimi, napsauta kuvaa hiiren kakkospainikkeella ja kopioi URL -osoite. Sen pitäisi näyttää tältä:

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

Vaihe 3: Faviconin linkittäminen

Siirry kohtaan Asetukset> SEO> Otsikkokoodi ja liitä seuraava koodi:

<link rel = “pikakuvake” href = “Sinun Favicon -linkkisi”/>

Korvaa “Your Favicon Link” faviconin URL -osoitteella.

Kuinka lisätä Favicon ilmaiseen Weebly -sivustoon?

Lisää Favicon Link Weebly Header Code -osioon

Tallenna asetukset ja julkaise sivustosi.

Huomautus: Koodin lisäämisen sijaan sivustotasolla voit liittää koodin myös kunkin sivun Otsikkokoodi -osioon kohdassa Sivut> Valitse sivu> SEO -asetukset> Otsikkokoodi. Tällä tavalla voit ladata useita faviconeja ja linkittää erilaisia ​​kuvakkeita Weebly -sivustosi eri sivuille.

Vaihe 4: Testaa se eri selaimilla

Viimeinen vaihe on testata faviconia avaamalla sivustosi eri selaimilla, kuten Firefox, Chrome ja Edge. Tarkista selkeys ja katso eri selaimista ja säädä favicon -kokoa tarvittaessa.

Kuinka lisätä Favicon ilmaiseen Weebly -sivustoon?

Tarkista Favicon selaimessa

Joskus faviconin näkyminen selaimessa voi kestää kauemmin, voit yrittää päivittää, tyhjentää välimuistin tai sulkea ja avata selaimen.

2 PNG- tai JPEG -kuvatiedoston käyttäminen

Nykyään Weebly korvaa .ico -tiedoston favicon -kuvalla. Joten yllä oleva menetelmä ei välttämättä toimi kaikissa tapauksissa. Kokeile tällöin tätä menetelmää. Jos et voi luoda .ico -tiedostoa tai et ole kiinnostunut teeman muokkaamisesta, tämä menetelmä on hyödyllinen.

Noudata alla olevia ohjeita:

  • Luo uusi sivu "Sivut" -välilehdelle ja anna sille haluamasi nimi, esimerkiksi nimeä se "faviconiksi".
  • Vedä ja pudota ja “Kuva” -elementti kyseisellä sivulla ja lataa suosikkikuvasi. Kuvan tulee olla .png tai .jpg tai mikä tahansa muu vakiomuoto.
  • Muista, et voi ladata .ICO -tiedostoa kuvaelementin avulla. Näet virheilmoituksen, joka näyttää virheellisen tiedostotyypin, ja tiedoston on oltava JPEG-, GIF- tai PNG -tiedosto.
  • Julkaise sivustosi ja kopioi kuvalinkki, jonka pitäisi olla seuraavanlainen:

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

  • Siirry kohtaan Asetus> SEO> Otsikkokoodi ja liitä alla oleva koodi:
  • Julkaise sivustosi ja favicon näkyy nyt selaimessa !!!

2.1. Favicon -sivun piilottaminen

Kuka tahansa voi nähdä suosikkisivusi, jossa on yksi pieni kuva. Tämä sivu on siis piilotettava käyttäjiltä ja hakukoneilta.

  • Siirry "Sivut" -välilehdelle ja valitse "Piilota navigoinnissa" poistaaksesi suosikkisivun valikosta.
  • Siirry sivun "SEO -asetukset" -kohtaan ja valitse "Piilota tämä sivu hakukoneista", jos haluat piilottaa sivun hakukoneindeksoijilta.
  • Aseta sivun "Näkyvyys" sivuston salasanalla, jotta käyttäjät eivät tiedä URL -osoitetta.

3 Weebly Favicon -vaihtoehto premium -käyttäjille

Premium -suunnitelman käyttäjät voivat ladata faviconin tehdäkseen sivustostaan ​​ammattimaisen. Weebly ei tarjoa sinulle työkalua faviconin luomiseen eikä suosittele kuvia faviconille. Sinun on valmisteltava oma .ico favicon -kuvatiedosto, jonka koko on sopiva.

3.1. Kuinka ladata?

  • Kirjaudu Weebly Pro -tilillesi ja muokkaa ladattavaa sivustoa favicon.
  • Siirry Yleiset -osioon, joka on saatavana sivuston Asetukset -välilehdessä.
  • Lataa favicon alla olevan kuvan mukaisesti.
  • Julkaise sivustosi ja tarkista selaimesi (Faviconin näkyminen selaimessa voi kestää jonkin aikaa)

Kuinka lisätä Favicon ilmaiseen Weebly -sivustoon?

Favicon Weebly Pro -käyttäjille

Tarjous: Isännöi Weebly -sivustojasi SiteGroundissa 60%: n alennuksella.

3.2. Weebly Favicon -vaihtoehdon ominaisuudet

  • Lataa vain favicon -kuvatiedosto.
  • Weebly ottaa faviconin automaattisesti käyttöön sivustossasi lyhyessä ajassa.
  • Tuettu kaikissa selaimissa, kuten Chrome, Firefox, Edge ja Safari.

Tärkeää: Kun kopioit koodin, lainausmerkit voivat olla kiharassa muodossa. Muista käyttää suoria lainausmerkkejä, kun liität koodit Weebly -koodieditoriin.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja