Favicon-ikonin lisääminen

Tekniset tiedotKoodausohjeet › Favicon-ikonin lisääminen

Tarvittavat ohjelmistot

Tässä työssä tarvitaan

  • selain (esim. Firefox)
  • FTP-ohjelma (esim. Filezilla)

Toteutusohjeet (vaihe 1)

Siirrä favicon.ico-tiedosto FTP-ohjelmalla kotisivutilan julkiseen pääkansioon. Tyypillisesti verkkokaupan etusivu on kyseisessä kansiossa.

Toteutusohjeet (vaihe 2)

  • Kirjaudu verkkokaupan hallintaliittymään (demo).
  • Klikkaa ylhäältä asetukset / koodit ja ulkoasu.
  • Klikkaa Lisää uusi -painiketta.
  • Valitse tyypiksi "HTML5".
  • Syötä nimeksi Favicon tai mitä tahansa (ei näy verkkokaupassa).
  • Valitse Sijainti-kohdasta "Verkkokaupassa </head> ennen".
  • Lisää Koodi-kohtaan Favicon-koodi, esimerkki:
    <link rel="shortcut icon" href="https://www.example.com/favicon.ico" type="image/x-icon">
    <link rel="icon" href="https://www.example.com/favicon.ico" type="image/x-icon">
    
    - Vaihda ensin URL-osoitteet oikeiksi.
  • Klikkaa Tallenna-painiketta.

Huomioi, että selaimet päivittävät ikoneja harvakseltaan. Uusi ikoni ei välttämättä näy, vaikka klikkaisit Ctrl-F5. Kokeile välillä jotain toista harvoin käyttämääsi selainta.

Edistyneempi tapa

Jotkut favicon-generaattorit luovat erikokoisia ikoneja eri päätelaitteille. Lisääminen tapahtuu tällöin samalla tavalla, paitsi tiedostoja on enemmän kuin yksi ja koodi on pidempi.

Vastuunrajoitus

Näillä ohjeilla ja koodiesimerkeillä ei ole minkäänlaista toimivuustakuuta. Emme vastaa välittömistä, välillisistä, satunnaisista tai epäsuorista vahingoista, menetyksistä, korvauksista, tai kolmannen osapuolen esittämistä vaatimuksista, jotka johtuvat näiden ohjeiden tai koodiesimerkkien noudattamisesta.

Scroll to Top