Deci, să începem cu ce este exact acest Favicon. De fapt, definiția termenului poate fi găsită în Wikipedia. Din definiție este clar că favicon nu este altceva decât pictograma site-ului, care este afișată (dacă este, desigur, disponibilă pe site) în fila browser-ului din stânga numelui site-ului. Dacă nu este instalată o astfel de pictogramă, atunci în fila veti vedea doar numele site-ului.
Sunt de acord, prezența unei astfel de pictograme face site-ul mai ușor de recunoscut. Mai ales se referă la proiecte de marcă pe care mulți utilizatori pot să le cunoască și care să le viziteze în mod regulat. Prezența faviconului pe site are încă o dată, uneori semnificativă, plus - această pictogramă este afișată în rezultatele serviciilor individuale de căutare. De exemplu, Căutare Yandex arată favicon.
Beneficiul este foarte simplu: utilizatorul caută ceva, tastând o interogare de căutare, primește rezultate de căutare, printre care, să spunem, va fi site-ul dvs., dar, să zicem pe locul al cincilea. În acest caz, utilizatorul cunoaște site-ul dvs., îl vizitează. Ce credeți, care este probabilitatea ca utilizatorul, după ce a văzut în rezultatele căutării o pictogramă familiară, va alege site-ul dvs.? Cred că probabilitatea este destul de ridicată. De aceea este foarte de dorit să ai un favicon pe site, în special un proiect de marcă.
Doriți să aflați rapid cum să creați site-uri și bloguri pe WordPress cu un design unic?
Obțineți cel mai complet sistem de training gratuit pentru crearea de site-uri pe WordPress
CUM FACE FAVICON
Deci, dacă nu există încă o pictogramă pe site-ul dvs. WordPress, atunci este timpul să-l adăugați. Cu toate acestea, înainte de a adăuga, trebuie făcut. În primul rând, vom examina modalitățile universale de a crea un favicon și puțin mai târziu veți învăța cum să adăugați favicon pe un site WordPress (în WordPress este foarte simplu).
Puteți folosi orice program potrivit pentru a crea un favicon. Cu toate acestea, puteți face mult mai ușor - utilizați servicii online pentru a crea favicon. Există atât de multe servicii precum programele, iar lucrul cu ele este simplu și ușor de înțeles. La cerere «favicon online» Google sau Yandex vă va oferi o mulțime de opțiuni pentru fiecare gust.
De aici rezultă că dacă crossbrowser-ul este important pentru tine (în special, suport pentru versiunile mai vechi ale IE), atunci pentru favicon este de dorit să folosești formatul ico. În cazul în care suportul pentru versiunile mai vechi de IE în ceea ce privește afișarea pictogramei nu este critică, atunci este mai bine să utilizați png. În prezent, toate browserele populare moderne pot afișa favicon și alte formate. Formatul ico în sine poate fi acum considerat învechit.
Printre alte cerințe, puteți numi dimensiunile faviconului. Acesta va fi de 16x16 pixeli tradiționali. Cu toate acestea, ele sunt, de asemenea, oarecum depășite. Din simplul motiv că site-ul poate fi vizualizat pe zeci de platforme și dispozitive diferite. De aceea puteți face icoane de dimensiuni diferite și conectați una sau alta în funcție de dispozitiv (diverse opțiuni din documentație). Adesea, este suficientă o pictogramă de 16x16. Dacă trebuie să luați în considerare toate dispozitivele posibile, puteți încerca serviciul Real Favicon Generator. Încărcați imaginea - la ieșire obțineți un întreg set de icoane de dimensiuni diferite și codificați conexiunea lor.
CUM SĂ CONECTAȚI FAVICON
Mai devreme, totul era simplu. Ați putea crea iconul favicon.ico și l-ați pus în rădăcina site-ului. Acest lucru a fost suficient pentru a face faviconul să apară în fila, adică în HTML nu a fost nevoie să scrieți o singură linie de cod. Toate din cauză că browserele caută în mod prestabilit acest favicon.ico în directorul rădăcină al site-ului.
De asemenea, puteți înregistra codul de conexiune favicon în codul HTML cu următoarea linie:
Doriți să aflați rapid cum să creați site-uri și bloguri pe WordPress cu un design unic?
Obțineți cel mai complet sistem de training gratuit pentru crearea de site-uri pe WordPress
După cum înțelegeți, atributul href specifică calea spre pictogramă, care în cazul nostru este plasată în rădăcina site-ului. În consecință, poate fi pus nu în mod necesar un director rădăcină, este posibil în orice folder, având înregistrat un mod corect.
Așa a fost înainte. Dar acum totul nu este mult mai complicat. Odată cu apariția dimensiunilor atributelor în HTML5, putem specifica mai multe opțiuni pentru conectarea acestei sau acelei pictograme. Deasupra am scris că serviciul Real Favicon Generator mi-a generat un întreg pachet de imagini și am emis despre următorul cod pentru a conecta favicon la site:
După cum puteți vedea din cod, aici sunt folosite diferite variante și dimensiuni de favicon. Codul este mare, dar datorită serviciului minunat, nu trebuie să îl scriem manual. În general, pentru majoritatea site-urilor, va exista suficientă pictogramă unică și o linie de cod care o conectează (este posibil fără atributul de dimensiune):
FAVICON ON WORDPRESS
În concluzie, aș dori să vă arăt cum să adăugați favicon pe site-ul WordPress. După cum am menționat deja, este extrem de simplu să faceți acest lucru. În Photoshop, am desenat o imagine simplă cu litera S (o vom considera logoul site-ului) și l-am salvat în format png.
Mergem mai departe. Următorul pas este zona de administrare WordPress. Da, nu ai interpretat greșit. Nu este nevoie să folosim serviciile unor terțe părți, WordPress va face totul pentru noi. Accesați meniul Aspect - Configurați - Proprietățile site-ului.
În meniul deschis, faceți clic pe butonul Selectare fișier pentru a descărca fișierul sau pentru a-l selecta din biblioteca de fișiere de pe site-ul dvs. Rețineți că WordPress recomandă utilizarea unei imagini cu proporții pătrate cu o dimensiune laterală de cel puțin 512 de pixeli. Alegeți sau încărcați o imagine - restul de WordPress va face pentru noi.
După salvare, puteți vedea un rezultat destul de decent în fila browser.
În codul sursă al site-ului, vom vedea noi linii în care este conectat favicon, acesta va fi ceva de genul:
Asta e, așa că am legat faviconul în WordPress. Pentru a schimba faviconul în WordPress, trebuie să faceți aceeași procedură, în proprietățile site-ului, pur și simplu schimbând imaginea pictogramei.
Acest lucru încheie articolul. Acum puteți crea și adăuga favicon la WordPress și nu numai. Puneți întrebări dacă ceva nu este clar pentru dvs. sau nu funcționează. Mult noroc!
Doriți să aflați rapid cum să creați site-uri și bloguri pe WordPress cu un design unic?
Obțineți cel mai complet sistem de training gratuit pentru crearea de site-uri pe WordPress
Cele mai recente știri despre dezvoltarea IT și web pe canalul nostru de telegrame
Doriți să aflați rapid cum să creați site-uri și bloguri pe WordPress cu un design unic?
Obțineți cea mai completă în sistemul gratuit de instruire RuNet pentru crearea de site-uri pe WordPress "Unic site de la zero"
Articole similare
Trimiteți-le prietenilor: