Cum să adăugați și să instalați o favicon WordPress, cel mai simplu mod

Favicon este imagine mică, care se află lângă numele paginii site-ului în browser. Această pictogramă ajută vizitatorii să vă identifice site-ul printre altele, iar astăzi vă vom spune cum să îl instalați rapid pe site-ul dvs. WordPress.

De ce ai nevoie de un favicon? Când caută pe internet, utilizatorii deschid adesea multe file în browser. CU un număr mare filele, numele paginilor site-ului vor fi ascunse. Dacă instalați o favicon, utilizatorul va putea să vă găsească site-ul fără a fi nevoie să verifice fiecare deschide fila. Acest lucru îmbunătățește capacitatea de utilizare a site-urilor web și le ajută să devină recunoscute în rândul utilizatorilor.

Cum se creează un favicon

Cel mai bine este să utilizați sigla site-ului sau a mărcii dvs. ca favicon. Vă rugăm să rețineți că favicon-ul este afișat ca o pictogramă mică, așa că nu ar trebui să folosiți altele foarte mici în ea. elemente grafice, altfel va fi de neînțeles pentru utilizatori.

Cum se instalează o favicon pe WordPress

Instalarea unui favicon pe WordPress se poate face în mai multe moduri. Să ne uităm la fiecare dintre ele.

Metoda 1: Utilizarea tabloului de bord WordPress

Dacă ai Versiunea Wordpress 4.3 și versiuni ulterioare, puteți adăuga o favicon direct în panoul de control admin: conectați-vă la panou Gestionarea WordPressși mergi la meniu Aspect>> Personalizați.

Veți fi dus la meniu Setări subiect actual site-ul dvs. Acum mergi la meniu Proprietățile site-ului.

Faceți clic pe Selectați Imagineși încărcați imaginea pe care doriți să o utilizați pentru favicon.

Dacă imaginea nu se potrivește, o puteți decupa imediat după selectarea imaginii și, de asemenea, puteți vedea cum va arăta favicon-ul în browser.

După aceea, nu uitați să faceți clic pe butonul Salvați și publicați.

Acum vă puteți deschide site-ul și puteți vedea favicon-ul adăugat.

Metoda 2. Utilizarea pluginului All In One Favicon

Mai întâi trebuie să instalați pluginul în sine. Accesați meniu Pluginuri >> Adăugați nouși instalați All In One Favicon.

După instalarea pluginului, accesați meniul Setări >> All in one Favicon.

Încărcați imaginea în liniile ICO Frontend și ICO Backend și apoi salvați setările.

Acum reîmprospătați pagina site-ului și veți vedea favicon-ul adăugat.

Metoda 3. Prin schimbarea fișierului header.php

Conectați-vă la panoul de control gazduirea ta. Luați în considerare acest exemplu pe .

Accesați meniu cPanel >> Manager de fișiere.

Găsiți directorul rădăcină al site-ului și descărcați favicon-ul de pe dvs calculator local. Asigurați-vă că fișierul pe care îl descărcați se numește favicon.ico.

După aceasta, favicon-ul ar trebui să apară automat.

Cu toate acestea, în unele cazuri va trebui să faceți modificări manuale. Totul depinde de caracteristicile tale.

Important:Înainte de a face orice modificare, asigurați-vă că aveți backup subiecte.

Accesați meniu Aspect >> Editor.

Selectați pentru a edita Antetul temei (fișier header.php).

Editați sau adăugați următoarele rânduriîn cod, așa cum se arată în captura de ecran:

Nu uitați să schimbați „yourdomain.com” în domeniul dvs.

Optimizarea site-ului web competentă constă din multe acțiuni diferite. Pentru a face resursa ideală, trebuie să configurați fiecare parametru și să țineți cont de toate detaliile.

S-ar părea, ce diferență are ce pictogramă se află în fila cu site-ul? Dar acest lucru este foarte important, deoarece un logo este adesea un brand și este memorabil.

Cum se instalează Favicon pe WordPress? Majoritatea webmasterilor începători folosesc acest motor special, așa că am decis să răspundem la această întrebare în detaliu.

Puteți schimba pictograma în moduri diferite, vom lua în considerare 3 cele mai bune opțiuni. Este posibil să puteți schimba Favicon-ul doar într-un singur fel.

Schimbarea favicon-ului pe WordPress

Oricum, ce este un Favicon, vor întreba unii începători. Acesta este un mic logo care apare în filele browserului și rezultatele căutării:

Cu ajutorul lui, este mult mai convenabil să lucrezi pe file, deoarece atunci când sunt multe dintre ele deschise, textul nu mai este vizibil. Un șablon de favicon poate fi clasificat ca o favicon de profesioniști; De unde pot lua unul mic? frumoasa icoana? Îl poți găsi online sau îl poți desena singur.

Prin motoarele de căutare pot fi găsite pictograme de dimensiune 32x32 sau 16x16, descărcați-le și instalați-vă Favicon pe WordPress. Dacă vrei ceva original, atunci favicon.cc și desenează o pictogramă:

Veți primi o pictogramă unică absolut gratuit și în doar câteva minute o veți putea instala pentru site-ul dvs. web. Dacă doriți, reduceți orice imagine la dimensiunile cerute.

Instalarea Favicon pe WordPress

Pentru a plasa o pictogramă gata făcută pe site-ul dvs. web, puteți utiliza una dintre următoarele metode:

Pluginul Favicon All In One.

Nu există o modalitate mai ușoară de a încărca o pictogramă pe un site web decât utilizarea acestui plugin. Este instalat ca standard, iar după ce intră în Setările Frontend, aceștia sunt responsabili pentru afișarea favicon-ului pentru vizitatori. Poate fi folosit diferite formate imagini:

Setări șabloane.

Aproape toate temele au unele setări, inclusiv funcționalitate pentru adăugarea unui Favicon. Accesați elementul „Aspect” și accesați fila „Setări teme”. Trebuie să existe un parametru acolo, care conține cuvântul Favicon:

Adăugarea manuală.

Dacă nu doriți să instalați pluginuri, iar tema nu are o setare favicon, atunci puteți calea corectă- adăugarea unei pictograme prin cod. Mai întâi trebuie să încărcați imaginea pe găzduirea dvs. (de preferință în folderul rădăcină).

Apoi deschideți folderul cu teme /wp-content/themes/theme/ și editați fișierul header.php. După etichetă trebuie să inserați câteva rânduri:

Vă rugăm să rețineți că codul conține adrese pentru imagini în format ico, dacă al dvs. este diferit, faceți o modificare a codului.

Lasă Instalare faviconîn WordPress și nu este o procedură complicată, este necesar să o faci. Fiecare mic detaliu afectează optimizarea și, pe lângă adăugarea unei pictograme, utilizarea butoane sociale de la UpToLike. Acordați câteva minute pentru a vă asigura că vizitatorii site-ului dvs. pot distribui, aprecia etc.

Salutare tuturor! Să vorbim despre o pictogramă pentru site-ul tău. Să luăm în considerare două moduri simple instalarea acestuia. Îți voi spune, de asemenea, de unde poți cumpăra o favicon gata făcută pentru site-ul tău web sau să o faci singur.

Un favicon este o pictogramă mică care este afișată lângă adresa URL a site-ului bara de adrese browser, în marcaje, în unele motoare de căutare, precum și în alte elemente ale interfeței web. Asemenea unui logo, este un element al stilului individual al resursei tale, crescând recunoașterea acesteia.

De unde pot obține un favicon?

Puteți face singur o astfel de pictogramă. În orice editor de imagini, creați o imagine cu elemente ale stilului dvs., apoi transformați-o într-o favicon folosind un simplu generator online. Încercați să păstrați aceste elemente suficient de mari pentru a putea fi văzute pictogramă mică 16x16 px. Dacă există mult text pe favicon sau piese mici, atunci va fi imposibil să le luăm în considerare.

Creați o imagine pătrată cu dimensiunile 512x512 px. Puteți utiliza atât un fundal transparent (png) cât și un fundal alb (jpg). Apoi, utilizați un generator, de exemplu acesta: pr-cy.ru/favicon.

Încărcați imaginea prin butonul „Selectați imaginea de pe computer”, faceți clic pe „Creați favicon”. Veți vedea cum va arăta pictograma dvs. în browser și o puteți descărca.

Generatorul reduce pictograma la dimensiunea necesară și o atașează la fișier format special ico.

Există și servicii online care vă permit să vă creați propria pictogramă. De exemplu, favicon.ru. Oferă un editor simplu pentru desenarea unui favicon prin umplerea pătratelor de pe pânză cu culoare.

În plus, puteți descărca o pictogramă gata făcută pentru tema site-ului dvs. pe resurse speciale. Unul dintre acestea este findicons.com în limba engleză. Căutarea pictogramelor este efectuată de cuvinte cheie sau nor de etichete. Pentru a utiliza site-ul veți avea nevoie de cunoștințe de bază de engleză sau de un traducător.

Pictogramele pot fi filtrate după culoare, licență de utilizare și alte criterii. Este posibil să descărcați pictograma imediat în format ico, precum și în PNG, selectând dimensiunea (cea mai mare este 256X256 px). Acest lucru este convenabil dacă doriți să îl editați. Există și alte formate, de exemplu jpeg, dar din anumite motive pictograma nu este descărcată corect în ea - cu dungi și pete.

Analog rusesc – iconsearch.ru. Totul este asemanator aici, cautam si pictograme dupa tag cloud sau cuvinte cheie, filtreaza dupa dimensiune. Descărcați în format png sau ico.

Și un alt site în limba rusă cu pictograme, pngicon.ru. Am menționat-o pentru că aici veți găsi icoane dimensiune mai mare 512x512 px în format png. Sunt potrivite pentru instalarea pe un site web ca favicon folosind WordPress (mai multe despre asta mai jos).

Instalarea unui favicon pe site

Deci, ați descărcat o favicon în format ico sau ați făcut una din poza obisnuita folosind un generator online. Pentru a-l instala pe site-ul dvs., trebuie să încărcați această pictogramă în folderul rădăcină al site-ului dvs. folosind manager de fișiere(dacă este furnizat pe găzduirea dvs.) sau un client ftp (FileZilla, de exemplu).

Un exemplu de încărcare a unei pictograme printr-un manager de fișiere:

Pictograma nu va apărea imediat, ci după robot de căutare va indexa acest fișier pe site-ul dvs. Dacă doriți să înlocuiți favicon-ul, pur și simplu ștergeți-l din folderul rădăcină acest dosarși descărcați altul.

Metoda 2. Instalarea unui favicon în setările WordPress.

Selectați „Proprietăți site”:

Veți putea selecta și încărca o imagine ca favicon. Pentru a încărca folosind această metodă, imaginea trebuie să aibă dimensiuni de 512x512px. Dacă încărcați o pictogramă mică, aceasta se va întinde și își va pierde calitatea.

Când încarci o imagine din fundal transparent(png), apoi în editor este afișat pe un fundal negru. Este în regulă pentru că pictograma arată bine în browser.

Dacă nu aveți încă un favicon pentru site-ul dvs., acum știți de unde să obțineți unul și cum să îl instalați. Este foarte simplu.

Vizual video pentru articol vezi mai jos:

Ca întotdeauna, aștept întrebările și comentariile dumneavoastră.

iti doresc succes!

Salutări, Victoria Karpova

Un favicon este un mic element de design care ajută la diferențierea site-urilor unele de altele și le face ușor de reținut, adică branding. În acest articol, vă voi arăta cum să instalați corect un favicon în WordPress, precum și unde să găsiți unul și cum să faceți unul singur.

O favicon este o imagine mică care apare într-o filă de browser și în rezultatele căutării înainte de titlul site-ului.

Adică, acesta este un element al site-ului tău care joacă în favoarea recunoașterii acestuia. Când aveți multe file deschise în browser, o favicon ajută la diferențierea unui site de altul. Și când site-ul dvs. este văzut în rezultatele căutării, acesta este imediat recunoscut.

Cum să inserați o favicon în WordPress

Pentru a insera o favicon în WordPress, găsiți sau creați una și încărcați-o pe site-ul dvs. în folderul rădăcină. După aceea, plasați-l în fișierul șablon activat după etichetă unul dintre următoarele coduri:

#pentru pictograma din form.ico: #pentru pictograma din form.png: #pentru pictograma din form.gif:

unde http://examnple.com/favicon.ico este calea către fișierul pictogramă cu extensia .

Apoi puteți verifica cum este afișată imaginea.

Dacă pictograma nu este vizibilă în WordPress după instalarea codului, atunci ștergeți memoria cache a browserului și încercați din nou.

Unele teme WordPress au deja codul necesar pentru favicon. Prin urmare, înainte de a instala codul, încercați să încărcați un fișier numit favicon.ico la rădăcina site-ului. Dacă apare pictograma, considerați că este gata. Și, de asemenea, direct în setările multor teme puteți seta o pictogramă pentru site.

Cerințe pentru favicon

Înainte de a instala o favicon în WordPress, ar trebui să aflați care sunt cerințele pentru această imagine. Respectarea acestora va permite ca pictograma site-ului să fie afișată corect în toate browserele și pe toate dispozitivele.

Dimensiunea favicon-ului trebuie să fie de 16x16 sau 32x32 pixeli. Nu este recomandat să faceți mai mult și nu are sens; imaginea va fi încă mică în browser. Este posibil ca o imagine prea mare să nu fie afișată peste tot.
Formatul imaginii trebuie să fie .ico, .png sau .gif. Recomandat.ico.
Puteți vedea adesea site-uri web cu pictograme animate. Arată frumos, dar nu are sens. Mai mult, astăzi astfel de pictograme sunt afișate corect numai în FireFox.
Nu este nevoie să faci o imagine complexă în favicon. Amintiți-vă că va fi foarte mic. La această dimensiune, unele logo-uri sau litere vor arăta bine.

Cum să faci un favicon

Pentru a crea o favicon în WordPress, puteți folosi trei metode.

Bună, dragi prieteni!
Astăzi vă voi spune cum să instalați o favicon pe un site web, precum și cum să o creați. Dacă ați observat, blogul meu are acum o nouă favicon. E timpul să înveți și tu asta. Din acest articol veți învăța cum să creați o pictogramă folosind un generator de favicon online sau să o desenați singur, ce dimensiune ar trebui să aibă și de ce este atât de necesară pentru fiecare site. Dacă încă nu aveți o favicon instalată pe blogul dvs. WordPress, faceți-o chiar acum.

Ce este o pictogramă favicon

Încă nu știi ce este un favicon și de ce este nevoie de el?

După cum puteți vedea din captură de ecran, fiecare site are, de regulă, o pictogramă, logo-ul site-ului nu este reprezentat;

Favicon este o pictogramă mică care este afișată în bara de adrese a browserului, pe fila unui site deschis, lângă Titlul acestuia. Este prezent și în marcaje, favorite și, cel mai important, în rezultatele motoarelor de căutare! Din punct de vedere tehnic, este un fișier grafic cu extensia .ico.

De ce aveți nevoie de favicon.ico pentru un site web?

Cu siguranță aveți nevoie de el - aceasta este fața site-ului dvs. Mărește CTR și vă ajută site-ul să iasă în evidență din mulțime, așa că ar trebui să fie luminos și memorabil!

Utilizatorii, care vizualizează rezultatele căutării, au mai multe șanse să facă clic pe site-uri cu o favicon care atrage atenția. După cum puteți vedea din captura de ecran anterioară, al treilea site fără favicon arată fără chip și nu atrage atenția.
Utilizatorii care v-au vizitat deja blogul prin motoarele de căutare își amintesc pictograma. Și data viitoare când îl vor vedea în rezultatele căutării, cu siguranță vor face clic pe linkul de lângă el.

Cum să faci un favicon și de unde să-l obții:

Puteți desena singur un favicon dacă aveți abilități artistice.
Sau selectați o imagine gata făcută și convertiți-o într-un fișier favicon.ico pentru site-ul web.
Puteți găsi o favicon gata făcută în format .ico.

Dimensiuni favicon pentru WordPress

Favicon are o dimensiune standard de 16x16 pixeli. Desigur, acest lucru este atât pentru Worpdpress, cât și pentru diavolul într-un mortar. Dar puteți face mai multe, de exemplu, 24x24, 32x32, 48x48 sau 64x64 pixeli. În acest caz, pictograma se va micșora pur și simplu la o dimensiune standard. În același timp, dacă cineva dorește să-l salveze pe computer, acesta va deveni din nou mare și va arăta bine ca o comandă rapidă pe desktop :)

Favicon cum să-l faci singur

Puteți desena o pictogramă în editorul dvs. grafic obișnuit (Paint, Photosh0p), ca o imagine obișnuită. Și apoi convertiți această imagine într-un fișier .ico folosind un generator online. Acest lucru nu este în întregime convenabil, deoarece... într-un editor obișnuit, nu simțiți că amploarea și calitatea ar putea avea de suferit în timpul conversiei.

O altă opțiune pentru a crea un favicon este să îl desenați folosind un serviciu online.

favicon.ru - Cel mai convenabil generator de pictograme în opinia mea. Desenați pictograma folosind instrumentele propuse, dacă aveți succes, apăsați butonul „Descărcați favicon”, iar fișierul este descărcat pe computer.

Pentru a converti o imagine obișnuită într-o favicon, există diverse servicii.

favicon.co.uk - Eu folosesc întotdeauna doar acest serviciu, pentru mine este cel mai convenabil. Nu vă alarmați că este în engleză, nu trebuie să citiți sau să configurați nimic acolo. Doar selectați un fișier de pe hard disk și faceți clic „Generează favicon”.

favicon-generator.org – un alt serviciu similar, generatorul online favicon. Aici puteți, de asemenea, converti o imagine obișnuită într-un fișier favicon.ico. Și, în plus, există posibilitatea de a desena singur o pictogramă sau de a alege una gata făcută din galerie .

Nu vă voi învăța cum să căutați pictograme gata făcute pe Internet. Sper că știi cum să faci singur Google. Permiteți-mi doar să spun că există multe servicii care oferă pictograme gata făcute gratuit. Dacă sapi suficient de adânc, poți găsi ceva potrivit. Acest lucru poate fi util dacă nu aveți propriul logo. Să trecem la crearea unui favicon pentru WordPress.

Cum se instalează o favicon pe un site WordPress

Tot ce rămâne este să înveți cel mai important lucru: cum să adaugi o favicon la WordPress. Majoritatea temelor prefabricate au deja instalat. Dacă îl aveți deja, atunci trebuie să îl găsiți. Cel mai probabil este intr-un folder cu poze (Img sau imagini). Doar înlocuiți fișierul favicon.ico de acolo cu unul nou.

Acum luați în considerare o situație în care tema blogului dvs. nu are o favicon.

Mai întâi, accesați folderul rădăcină al site-ului (pentru mine este „ public_html”) și încărcați noul dvs. favicon.ico pentru site acolo.
Deschideți fișierul header.php și inserați următorul cod imediat după eticheta de deschidere:
1
Reîmprospătați pagina fără a utiliza memoria cache și veți vedea noua favicon. Aș dori să remarc că nu toate browserele încep imediat să afișeze noua pictogramă pentru unele, timpul poate trece.

Favicon nu este afișat în Yandex

Clienții site-ului meu îmi pun adesea întrebarea: „de ce favicon-ul nu este afișat în Yandex? instalați-l acolo! Nu pot decât să râd de această formulare a întrebării și a răspunsului că nu pot influența munca Yandex.

Cert este că indexează astfel de pictograme pentru o perioadă foarte lungă de timp, uneori trebuie să aștepți două luni pentru a apărea în rezultatele căutării. Prin urmare, ai răbdare.

Asta e tot, acum știi cum să adaugi o favicon la un blog WordPress. Pune-ți întrebările în comentarii, cu siguranță te voi ajuta. Pe curând!