Praktično na bilo kojem suvremenom mjestu na Internetu nalazi se posebna ikona koja se prikazuje na kartici preglednika nakon što je resurs potpuno učitan. Ovu sliku stvara i instalira svaki vlasnik neovisno, iako nije obavezan. Kao dio ovog članka, raspravljat ćemo o mogućnostima instalacije Favicon na web stranice stvorene na različite načine.

Dodavanje Favicon na web mjesto

Da biste dodali ovu vrstu ikone na web mjesto, morat ćete stvoriti prikladnu sliku kvadratnog oblika za početak. To se može učiniti kao kod upotrebe posebnih grafičkih programa, na primjer, Photoshop , i pribjegavajući se nekim mrežnim uslugama. Osim toga, poželjno je pretvoriti pripremljenu ikonu unaprijed u ICO format i smanjiti ga na veličinu od 512 x 512 px .

Napomena: Bez dodavanja prilagođene slike na kartici se prikazuje ikona dokumenta.

Vidi također:
Online usluge za stvaranje favorita
Kako stvoriti sliku u ICO formatu

Opcija 1: dodajte ručno

Ova opcija dodavanja ikone na web stranicu odgovara ako ne koristite platformu koja nudi posebne alate.

Metoda 1: Preuzmite Favicon

Najjednostavnija metoda, podržana doslovno bilo kojim suvremenim internetskim preglednikom, jest dodavanje prethodno stvorene slike u korijenski direktorij vaše web stranice. To se može učiniti putem web sučelja ili bilo kojeg prikladnog FTP upravitelja.

Uzorak ikona za web mjesto u ico formatu

Ponekad željeni direktorij može imati naziv "public_html" ili bilo koji drugi, ovisno o vašim postavkama u smislu postavki.

Primjer pravilnog postavljanja ikone web mjesta

Učinkovitost metode izravno ovisi ne samo o formatu i veličini, već o ispravnom nazivu datoteke.

Metoda 2: Uređivanje koda

Ponekad možda neće biti dovoljno samo dodati Favicon u korijenski direktorij web sučelja tako da će ga preglednici pregledati nakon pune preuzimanja na kartici. U ovoj situaciji morat ćete urediti glavnu datoteku s oznakom stranice, dodajući posebni kôd na početak.

  1. Dodajte sljedeću liniju između oznaka "HEAD" , gdje "* / favicon.ico" treba zamijeniti URL-om svoje slike.

  2. Primjer dodavanja ICO ikona kodu web mjesta

  3. Najbolje je upotrijebiti apsolutnu vezu s prefiksom umjesto rođaka.
  4. Kod s apsolutnom vezom do ikone web-lokacije

  5. U nekim slučajevima, vrijednost "rel" može se promijeniti u "ikonu prečaca" , čime se povećava kompatibilnost s web preglednicima.
  6. Promijenite vrijednost rel u vezu na ikonu web mjesta

  7. Vrijednost "tipa" također može biti promijenjena ovisno o formatu slike koja se koristi:

    Napomena: Najopsežnija je ICO format.

    • ICO - "image / x-icon" ili "image / vnd.microsoft.icon" ;
    • Primjer dodavanja ICO ikona na web mjesto

    • PNG - "slika / png" ;
    • 7

    • GIF - "image / gif" .
    • 8

  8. Ako je vaš resurs usmjeren ponajprije na najnovije preglednike, niz se može skratiti.

  9. 9

  10. Da biste postigli najveću kompatibilnost, možete dodati nekoliko redaka istodobno s vezom na favicon stranicu.
  11. 10

  12. Instalirana slika bit će prikazana na svim stranicama web mjesta, ali se može po želji mijenjati dodavanjem prethodno spomenutog koda u zasebne odjeljke.
  13. Primjer ikone na kartici u pregledniku

U obje ove metode, trebat će neko vrijeme da se pojavi na kartici preglednika.

Opcija 2: WordPress alati

Kada radite s WordPressom, možete se pridržavati prethodno opisane opcije dodavanjem gore navedenog koda u datoteku "header.php" ili pomoću posebnih alata. Zahvaljujući tome, ikona će biti zajamčena da će biti prikazana na kartici web mjesta, bez obzira na preglednik.

Način 1: Upravljačka ploča

  1. Iz glavnog izbornika proširite popis "Izgled" i odaberite odjeljak "Prilagodba" .
  2. 12

  3. Na stranici koja se otvori morate koristiti gumb "Svojstva web-mjesta" .
  4. 13

  5. Pomaknite se do odjeljka "Postavke" na dno iu odjeljku "Ikona web-lokacije", kliknite gumb "Odabir slike" . U ovom slučaju, slika bi trebala imati razlučivost od 512 x 512 px .
  6. Idite na ikone za preuzimanje na ploči programa WordPress

  7. Kroz prozor "Odaberi sliku" prenesite željenu sliku u galeriju ili odaberite prethodno dodanu.
  8. 15

  9. Nakon toga vraćate se u "Svojstva web-mjesta" , a odabrana slika pojavit će se u bloku "Ikona" . Ovdje možete vidjeti primjer, idite za njegovo uređivanje ili ga izbrisati ako je potrebno.
  10. 16

  11. Nakon što podesite željenu radnju putem odgovarajućeg izbornika, kliknite gumb "Spremi" ili "Objavi" .
  12. 17

  13. Da biste vidjeli logotip na kartici bilo koje stranice vaše web-lokacije, uključujući "Upravljačku ploču" , ponovno ga učitajte.
  14. 18

Metoda 2: Sve u jednom Faviconu

  1. Na web stranici "Upravljačka ploča" odaberite "Dodaci" i idite na stranicu "Dodaj novu" .
  2. 19

  3. Ispunite polje za pretraživanje u skladu s nazivom dodatka koji vam je potreban - sve u jednoj favicon - i u bloku s odgovarajućim proširenjem, kliknite gumb "Instaliraj" .

    20

    Postupak dodavanja će potrajati neko vrijeme.

  4. 21

  5. Sada morate kliknuti gumb "Aktiviraj" .
  6. 22

  7. Nakon automatske preusmjeravanja morate ići na odjeljak postavki. To možete učiniti putem "Postavke" odabirom opcije "Sve u jednom Faviconu" s popisa ili pomoću veze "Postavke" na stranici "Dodaci" u bloku s potrebnim proširenjem.
  8. 23

  9. U odjeljku s parametrima dodatka dodajte ikonu na jednu od prezentiranih linija. To se treba ponoviti i u bloku "Frontend Settings" i u "Backend Settings" .
  10. 24

  11. Kada je slika dodana, kliknite gumb "Spremi izmjene" .
  12. 25

  13. Po završetku ažuriranja stranice, jedinstvena će se veza dodijeliti slici i bit će prikazana na kartici preglednika.
  14. 26

Ta je opcija najjednostavnija implementacija. Nadamo se da ste uspjeli instalirati Favicon na web mjesto putem upravljačke ploče programa WordPress.

zaključak

Izbor dodavanja ikone ovisi isključivo o vašim željama, jer u svim opcijama možete postići željeni rezultat. Ako se pojave poteškoće, ponovo provjerite izvršene radnje i možete postaviti odgovarajuće pitanje u komentarima.