Praktično na kateri koli sodobni spletni strani na internetu je na kartici brskalnika prikazana posebna ikona, ko je vir v celoti naložen. To sliko samostojno ustvari in namesti vsak lastnik, čeprav to ni obvezno. V tem članku bomo razpravljali o možnostih namestitve Favicon na strani, ustvarjene z različnimi sredstvi.

Dodajanje Favicon na spletno mesto

Če želite dodati to vrsto ikone na spletno mesto, morate za začetek ustvariti ustrezno sliko kvadratne oblike. To je mogoče storiti tako, kot pri uporabi posebnih grafičnih programov, na primer, Photoshop , in z uporabo nekaterih spletnih storitev. Poleg tega je zaželeno pretvoriti pripravljeno ikono vnaprej v format ICO in ga zmanjšati na 512 × 512 px .

Opomba: brez dodajanja slike po meri se ikona dokumenta prikaže na zavihku.

Glej tudi:
Spletne storitve za ustvarjanje favicon
Kako ustvariti sliko v formatu ICO

Možnost 1: dodajte ročno

Ta možnost dodajanja ikone na spletno stran vam ustreza, če ne uporabljate platforme, ki ponuja posebna orodja.

1. način: Prenesi Favicon

Najpreprostejša metoda, ki jo podpira dobesedno sodoben internetni brskalnik, je dodati že ustvarjeno sliko v korenski imenik vašega spletnega mesta. To lahko storite bodisi prek spletnega vmesnika bodisi s katerim koli priročnim upraviteljem FTP.

Ikone vzorca za spletno mesto v formatu ico

Včasih ima želeni imenik ime "public_html" ali katero koli drugo, odvisno od vaših nastavitev glede nastavitev.

Primer pravilne namestitve ikone spletnega mesta

Učinkovitost metode je neposredno odvisna ne le od oblike in velikosti, temveč tudi od pravilnega imena datoteke.

2. način: Urejanje kode

Včasih morda ne bo dovolj samo, da dodate Favicon v root imenik mesta, tako da ga bo brskalnik prikazal po celotnem prenosu. V tem primeru boste morali glavno datoteko urediti z oznako strani in dodati posebno kodo na začetek.

  1. Med oznaki »HEAD« dodajte naslednjo vrstico, kjer je treba »* / favicon.ico« zamenjati z URL-jem vaše slike.

  2. Primer dodajanja ikon ICO k kodi mesta

  3. Najbolje je, da uporabite absolutno povezavo s predpono namesto relativnega.
  4. Koda z absolutno povezavo do ikone za spletno mesto

  5. V nekaterih primerih se lahko vrednost »rel« spremeni v »ikono bližnjice« , s čimer se poveča združljivost s spletnimi brskalniki.
  6. Spremenite vrednost rel v povezavi do ikone spletnega mesta

  7. Vrednost "tip" lahko spremenite tudi vi, odvisno od oblike uporabljene slike:

    Opomba: najbolj univerzalni je format ICO.

    • ICO - "image / x-icon" ali "image / vnd.microsoft.icon" ;
    • Primer dodajanja ikon ICO na spletno stran

    • PNG - "slika / png" ;
    • Koda vzorca za dodajanje ikon PNG na spletno mesto

    • GIF - "slika / gif" .
    • Koda vzorca za dodajanje ikon GIF na spletno mesto

  8. Če je vaš vir namenjen predvsem najnovejšim brskalnikom, se lahko niz skrajša.

  9. Primer poenostavljene kode za dodajanje ikone

  10. Če želite doseči največjo združljivost, lahko hkrati dodate več vrstic s povezavo na spletno stran favicon.
  11. Uporaba več vrstic kode za ikono

  12. Nameščena slika bo prikazana na vseh straneh spletnega mesta, vendar jo je mogoče spremeniti tako, da dodate prej omenjeno kodo v ločene dele.
  13. Primer ikone na zavihku v brskalniku

Pri obeh teh metodah bo na zavihku brskalnika nekaj časa.

2. možnost: orodja WordPress

Pri delu z WordPressom lahko uporabite prej opisano možnost, tako da dodate zgornjo kodo v datoteko "header.php" ali uporabite posebna orodja. Zahvaljujoč temu bo ikona zagotovljena na kartici spletnega mesta, ne glede na brskalnik.

1. način: Nadzorna plošča

  1. V glavnem meniju razširite seznam »Videz« in izberite razdelek »Prilagodi« .
  2. Odprite razdelek Prilagajanje na plošči WordPress

  3. Na strani, ki se odpre, morate uporabiti gumb »Lastnosti spletnega mesta« .
  4. Odprite Lastnosti spletnega mesta v programu WordPress

  5. Pomaknite se do razdelka »Nastavitve« na dno in v razdelku »Ikona mesta« kliknite gumb »Izberi sliko« . V tem primeru mora slika imeti ločljivost 512 × 512 pik .
  6. Pojdite na ikone za prenos na plošči WordPress

  7. Skozi okno "Izberi sliko" naložite želeno sliko v galerijo ali izberite predhodno dodano fotografijo.
  8. Naložite ikone procesov za spletno mesto WordPress

  9. Po tem boste vrnjeni v »Lastnosti spletnega mesta« , izbrana slika pa bo prikazana v bloku »Ikona« . Tukaj si lahko ogledate primer, ga uredite ali ga po potrebi izbrišete.
  10. Uspešno je bil nameščen logotip WordPress

  11. Po nastavitvi želenega dejanja v ustreznem meniju kliknite gumb »Shrani« ali »Objavi« .
  12. Shranjevanje lastnosti spletnega mesta na WordPressu

  13. Če si želite ogledati logotip na zavihku katerekoli strani vaše strani, vključno z »Nadzorno ploščo« , jo znova naložite.
  14. Uspešno je bil nameščen logotip za spletno mesto WordPress

2. način: vsi v enem favicon

  1. Na strani »Nadzorna plošča« izberite »Plugins« in pojdite na stran »Dodaj novo« .
  2. Odprite razdelek Plugins v programu WordPress

  3. Izpolnite iskalno polje v skladu z imenom vtičnika, ki ga potrebujete - vse v enem favicon - in v bloku z ustrezno razširitvijo kliknite gumb "Namesti" .

    Iskanje vtičnika za namestitev ikon na WordPressu

    Postopek dodajanja bo trajal nekaj časa.

  4. Namestitev vtičnika na WordPress

  5. Zdaj morate klikniti gumb »Aktiviraj« .
  6. Aktiviranje vtičnikov WordPress

  7. Po samodejni preusmeritvi morate obiskati razdelek Nastavitve. To lahko storite s pomočjo »Nastavitve« , tako da na seznamu izberete »Vse v enem favicon« ali uporabite povezavo »Nastavitve« na strani »Plugins« v bloku z zahtevano razširitvijo.
  8. Preklopite na nastavitve vtičnika v programu WordPress

  9. V razdelku s parametri vtičnika dodajte ikono v eno od predstavljenih vrstic. To je treba ponoviti tako v "Nastavitvah Frontend Settings" kot v "Backend Settings" .
  10. Naloži ikono Frontend Setting v WordPress

  11. Ko dodate sliko, kliknite gumb »Shrani spremembe« .
  12. Nalaganje bočnih nastavitev ikone v WordPress

  13. Ob zaključku posodobitve strani bo sliki dodeljena edinstvena povezava in prikazana bo na jezičku brskalnika.
  14. Uspešno nameščena ikona za spletno mesto WordPress

Ta možnost je najlažja izvedba. Upamo, da ste uspeli namestiti Favicon na spletnem mestu prek nadzorne plošče WordPress.

Zaključek

Izbira načina dodajanja ikone je odvisna izključno od vaših želja, saj lahko pri vseh možnostih dosežete želeni rezultat. Če se pojavijo težave, ponovno preverite opravljena dejanja in v pripombe lahko postavite ustrezno vprašanje.