Kaip įdėti Piktogramas į Svetainę

Turinys:

Kaip įdėti Piktogramas į Svetainę
Kaip įdėti Piktogramas į Svetainę

Video: Kaip įdėti Piktogramas į Svetainę

Video: Kaip įdėti Piktogramas į Svetainę
Video: 3 Ways To Add Icons to Your Website | HTML/CSS 2024, Gegužė
Anonim

Piktograma, rodoma naršyklės adreso juostoje, taip pat mėgstamų svetainių sąraše ir net „Yandex“svetainių paieškos sąraše, yra labai naudingas priedas prie kitų būdų atkreipti dėmesį į jūsų svetainę. Kaip įgyvendinti šią galimybę, aprašyta toliau.

„FavIcon“
„FavIcon“

Nurodymai

1 žingsnis

Ši piktograma paprastai vadinama „Favicon“(mėgstamiausia piktograma) ir yra 16 x 16 taškų paveikslėlis. Kai kurios šiuolaikinės naršyklės taip pat gali rodyti dideles piktogramas, tačiau jei jums svarbu suderinti kelias naršykles, turėtumėte vadovautis šiuo minimaliu standartu. Tokį paveikslėlį galite sukurti patys bet kuriame grafikos redaktoriuje. Šiuolaikinės naršyklės gali skaityti piktogramas ir savo gimtąja ico formatu, ir standartiniais grafiniais formatais gif, png, bmp ir kt. Tačiau jei norite aprėpti maksimalų naršyklės modifikacijų skaičių, turėtumėte sutelkti dėmesį į ico formatą. Redaktoriuje galima nupiešti jums reikalingą vaizdą, išsaugoti jį vienu iš standartinių formatų ir tada konvertuoti jį į ico formatą naudojant vieną iš internetinių paslaugų. Kai kurios iš šių paslaugų gali pasiūlyti ir sukurti favicon visiškai internete.

2 žingsnis

Sukūrus piktogramą, ji turėtų būti įkelta į jūsų svetainės serverį pavadinimu favicon.ico. Kai kurioms naršyklėms nereikalaujama, kad piktograma būtų pavadinta tokiu būdu, tačiau, vėlgi, turint omenyje maksimalų kelių naršyklių suderinamumą, turėtumėte sutelkti dėmesį į griežčiausius reikalavimus. Pats atsisiuntimo procedūrą lengviausia atlikti per failų tvarkyklę, kuri yra bet kurios jūsų prieglobos paslaugų teikėjo turinio valdymo sistemos arba administravimo skydelio dalis. Geriausia įdėti failą į šakninį svetainės aplanką - čia naršyklės ir paieškos robotai jo ieško pagal numatytuosius nustatymus, jei puslapio kode nėra aiškaus adreso.

3 žingsnis

Galiausiai turėtumėte pridėti piktogramos nuorodą į svetainės puslapių HTML šaltinio kodą. Atitinkama „Internet Explorer“žyma atrodo taip: Kitos naršyklės supranta skirtingą atributo „rel“reikšmę: Norėdami įtikti visiems, geriau nurodyti abu. Jei piktogramos failą įdėjote ne į svetainės šaknį, o kur nors kitur, tada atribute „href“turėtumėte nurodyti visą piktogramos kelią. Šios dvi eilutės turėtų būti dedamos tarp žymų ir. Tai yra, valdymo sistemos puslapio redaktoriuje turite atidaryti reikiamą puslapį, perjungti jį į HTML kodo redagavimo režimą, surasti eilutę, kurioje yra žyma, ir pridėti prieš tai pateiktas dvi pirmiau pateiktas eilutes. Tada išsaugokite pakeitimus puslapyje.

Rekomenduojamas: