Descărcați și instalați favicon pe WordPress

(Ultima actualizare: 22.12.2018)

Salutare tuturor! Favicon WordPress cum se instalează? Foarte usor si simplu. Odată ce blog/site pe platformă WordPress, am produs WordPress de bază, este timpul să ne gândim instalarea unui favicon pentru site. Acest proces nu este complicat, nu ar trebui să îl amânați pentru mai târziu. „Mai târziu” s-ar putea să nu vină niciodată. O favicon sau pictograma site-ului este o imagine minusculă care apare lângă numele site-ului dvs. în browser. Acest lucru ajută utilizatorii să vă identifice site-ul, iar vizitatorii mai frecventi ai proprietății dvs. web vor recunoaște instantaneu această mică imagine. Acest lucru vă crește gradul de cunoaștere a mărcii și vă ajută să construiți încredere cu publicul dvs.

Instalarea unui favicon pe site-ul WordPress

Capacitatea de a vă încărca propria favicon în nucleul WordPress în sine a apărut abia recent. Începând cu versiunea 4.3, puteți adăuga o pictogramă de site din zona de administrare WordPress.

Ce este un favicon?

Favicon (abreviat din engleza FAVorites ICON - „icoana pentru favorite”) - o pictogramă pentru un site web sau o pagină web. Afișat de browser în bara de adreseînainte Adresa URL a paginii, precum și ca imagine lângă un marcaj, în file și în alte elemente de interfață. În mod tradițional, se foloseau imagini ICO de 16x16 pixeli, plasate în directorul rădăcină al site-ului sub numele favicon.ico.

Favicon pentru Yandex

O favicon este o imagine mică care este afișată într-un fragment în rezultatele căutării Yandex, lângă adresa site-ului în bara de adrese a browserului, lângă numele site-ului în Favorite sau în Marcaje browser.

Un exemplu de afișare a unui favicon în rezultatele căutării:

Imaginea care este afișată în fragmentul din rezultatele căutării Yandex

După cum sa menționat mai sus, pictograma identifică blogul dvs., adică nu poate fi confundat cu alte site-uri deschise în fereastra browserului dvs. Uită-te la captura de ecran:

Favicon-urile site-urilor deschise

Uită-te la pictograma blogului meu, am ales o imagine WordPress. Deoarece blogul este pe acest motor și scriu despre WP, atunci lăsați pictograma să fie adecvată. Acum să trecem la treabă, descărcarea și instalarea imaginii pe WP.

Cum se instalează o favicon pe WordPress

Pentru a instala o favicon pe WordPress, accesați panoul de control (consolă). In sectiunea Aspect faceți clic pe Configurare:

Consola WordPress- configurați-vă site-ul web

Apoi, pe pagină setări vizuale(Customizer) al site-ului, deschideți elementul Site Properties:

Setări site - Proprietăți site WordPress

A, aproape că am uitat, trebuie să aveți deja imaginea pregătită - orice format: ICO (recomandat), GIF, JPEG, PNG, BMP. Dimensiunea recomandată a imaginii pentru pictograma site-ului dvs. este de cel puțin 512 pixeli în lățime și înălțime. Imaginea pictogramei site-ului ar trebui să fie pătrată, puteți utiliza o imagine dreptunghiulară dimensiune mai mare, iar WordPress vă va permite să decupați imaginea atunci când o adăugați. Transparent sau cu fundal, nu contează. Imaginea trebuie să fie clară și, în general, în concordanță cu imaginea și/sau conținutul site-ului dvs. Este mai bine să aveți un fișier imagine cu acest nume favicon

Dacă ai nevoie Poza WordPress pentru pictograma site-ului, cele oficiale sunt aici - https://wordpress.org/about/logos/.

În proprietățile site-ului - pictograma site - faceți clic pe Selectați imaginea:

Pictograma site-ului - Selectați imaginea

Selectați o imagine de pe computer sau din biblioteca media a site-ului dvs. După încărcarea imaginii, va apărea o previzualizare a favicon-ului:

Pictogramă pentru site-ul dvs. WordPress

Dacă totul este în regulă, faceți clic pe butonul albastru Publicare. Deschide-ți site-ul web și verifică-ți progresul. am instalat imagine transparentă iar pictograma site-ului meu din browserul Google arată astfel:

Favicon instalat pe un site web WP

Vă rugăm să rețineți că multe browsere (precum și motoarele de căutare) memorează în cache imaginile favicon, așa că este posibil ca modificările să nu aibă efect imediat. În browser de la Imagine Google va apărea imediat, în browserul Yandex nu va fi în curând. Va trebui să așteptăm. Dacă site-ul dvs. este afișat în rezultatele căutării Yandex, atunci în două săptămâni după ce robotul vizitează site-ul, favicon-ul va apărea în căutare.

Adăugând propria pictogramă din personalizarea site-ului, aceasta nu se va schimba chiar dacă modificați șablonul/Wordpress.

Video - Cum se instalează Favicon WordPress

Asta, dragi prieteni, este tot ce am. Te văd. Pa! Pa!

Încă mergând de la site la site, veți observa că mulți dintre ei nu folosesc o pictogramă numită favicon. Deși o pictogramă este aproape ultimul lucru de care are nevoie un site web, totuși adaugă un sentiment de completitudine designului. Deci, dacă site-ul dvs. mai are pictograma standard, acest articol este pentru tine.

Informațiile nu vor fi noi pentru tine, dar să recunoaștem - dacă vrei ca site-ul tău să fie luat în serios, ar trebui să pui favicon.ico Gândește-te, pentru că atunci când ai multe file deschise, tu însuți te ghidezi după pictogramele site-ului .

Să trecem direct la asta.

Ce este Favicon?

Favicon provine de la „pictogramă favorite”, adică „pictogramă favorite” și este o pictogramă a unui site sau a unei pagini. Afișat de browser în bara de adrese înainte de adresa URL a paginii și, de asemenea, ca imagine lângă marcaj, în file și în alte elemente de interfață. Pentru a vedea un exemplu, aruncați o privire la fila pagină:

De asemenea, favicon-ul este afișat în rezultatele căutării:

Pentru ce este?

Folosind pictograma, utilizatorul poate determina cu ușurință pe ce site se află. Aceste pictograme sunt folosite aproape în toate browsere moderneși adesea în alte servicii, cum ar fi cititoarele RSS și aplicațiile de gestionare a marcajelor.

De ce are nevoie de site-ul meu un Favicon?

În general, aceasta este o întrebare personală, dar având în vedere cât de ușor sunt de instalat, vă recomandăm să utilizați aceste pictograme. În plus, așa cum am menționat mai sus, cu un favicon site-ul tău pare complet complet.

Cum să faci un Favicon?

Alegeți o imagine care să descrie în mod precis și concis site-ul dvs. Apoi, folosind un editor grafic (Photoshop, GIMP), reduceți dimensiunea imaginii la 16x16 pixeli. Salvați-vă capodopera în format .png.

Înainte de a adăuga o pictogramă pe site-ul dvs., trebuie să o convertiți într-un fișier cu extensia „.ico”. Pentru a face acest lucru, vizitați site-ul web.

Instrucțiuni de conversie:

Încărcați fișierul .png pe faviconr.com.
Serviciul Faviconr va face toată munca pentru tine.
Tot ce trebuie să faceți este să îl descărcați și să vă amintiți unde l-ați salvat.

Cum să adaugi un Favicon pe WordPress?

Odată ce aveți deja fișierul .ico, este timpul să îl instalați pe site-ul dvs. Trebuie să-l încărcați în directorul rădăcină de pe server..ico, apoi ar trebui să vedeți Favicon-ul dvs., doar acest exemplu este în cazul domeniului nostru, veți avea un alt domeniu, dar calea către fișier ar trebui să fie similară .

<-link rel="pictogramă de comandă rapidă” href="/favicon.ico” type="image/x-icon” />-

Dacă site-ul dvs. este pe WordPress, veți găsi aceste etichete în fișierul „-header.php”. Gata, site-ul tău are acum un Favicon!

Două lecții video pe tema pictogramelor site-ului web:

O pictogramă de site sau favicon este fața site-ului dvs. care este afișată în browser înaintea numelui resursei dvs. Favicon-ul nu are nicio încărcare funcțională, dar crește imaginea și atașamentul vizual la site-ul dvs. Astăzi vom încerca să ne dăm seama cum să instalăm un favicon pentru un site WordPress, rapid și fără probleme.

Judecă singur cum a avut loc căutarea fila dorită, dacă cel puțin 10 erau deschise simultan în browser și toate păreau identice? Pentru această distincție vizuală a fost inventat și implementat favicon-ul.

Actualizare din 19.08.2015. ÎN noua versiune WordPress 4.3 există o modalitate de a adăuga orice imagine și de a crea o pictogramă pentru site-ul web A .

Crearea unei pictograme pentru un site WordPress

O lecție dintr-o serie dedicată celor de bază te va ajuta să faci totul bine și să nu plătești în plus bani în plus.

Favicon - imagini grafice dimensiuni 16x16 sau 32x32 pixeli, încorporate în site-ul dvs. în format ico sau imagini png lângă numele filei.

Există mai multe moduri de a instala favicon-ul unui site WordPress:

Desenați imaginea înăuntru editor grafic pe cont propriu.
Găsi imagine potrivităși modificați dimensiunea acestuia la dimensiunea dorită.
Creați favicon V modul online.
Comandați o „etichetă” unică de la designeri.
Plugin pentru pictograme.

Să privim totul în ordine.

Modalități de a crea o favicon pentru un site WordPress

La desenează-ți propria pictogramă nu trebuie să fii un mare artist, dacă ești expert în Photoshop atunci nu vei avea probleme, dar chiar dacă tu, pe lângă standardul Peint de la Windows mai mult Dacă nu aveți cunoștințe de desen, nu contează. După ce am încercat o dată face o icoană o dimensiune atât de mică, vei vedea că nu totul este atât de rău pe cât părea. Dar din nou, totul depinde de imaginația ta.

Cred că pentru a desena așa ceva, nu aveți nevoie de abilități de designer, această imagine a fost creată în peint cu o dimensiune de 400x400, acum să o schimbăm la dimensiunea de care avem nevoie 16x16 și să o salvăm în format ico. Ce vom obține până la urmă?

După cum puteți vedea, nu pare atât de înfricoșător, dar petrecând puțin timp într-un editor grafic mai bun puteți obține o favicon unică destul de bună.

Dacă aveți în vedere o imagine potrivită pentru favicon, atunci tot ce trebuie să faceți este să o încărcați în orice editor și să-i schimbați dimensiunea, să o salvați în în formatul cerut, toată munca ta s-a terminat, după ce vom înregistra calea către favicon pe site-ul WordPress, aceasta va fi funcțională și accesibilă.

Unul dintre aceste site-uri pentru crearea unei pictograme de site este pr-cy.ru, unde vă puteți încărca imaginea și o puteți duce dimensiunea potrivităși format.

Crea favicon online foarte simplu, există multe servicii și aplicații pentru asta. Singurul dezavantaj este primitivismul această metodă, dar dacă nu urmăriți un scop calitate superioară imagini apoi asta cel mai bun mod Pentru dumneavoastră.

Cel mai bun site unde poți crea o pictogramă pentru un site online este favicon.cc. Acesta este vorbitor de engleză serviciu gratuit, care vă permite să desenați într-un câmp simplu, cu un set mic de instrumente.

Dar dacă vrei și încerci puțin, poți obține suficient Loc de muncă bunîn cele din urmă.

Comandați o pictogramă de la designeri vă va costa bani, înainte de a face acest lucru, gândiți-vă de trei ori și încercați să faceți totul singur, este mai bine să cheltuiți acești bani pe promovarea site-ului.

Nici măcar nu voi lua în considerare pluginul pentru instalarea favicon-ului, de ce ne-am înfunda și ne-am încetini site-ul dacă totul este deja atât de simplu de implementat.

Pentru a instala o favicon pe site-ul nostru WordPress, trebuie să descărcați fișierul header.php de pe serverul nostru și să îl adăugați la acesta următoarele rânduriîntre etichete

Fișierul cu imaginea trebuie să fie în folderul rădăcină al site-ului, dar dacă îl plasăm într-un alt director, atunci trebuie să specificați calea către acesta.

Începând cu versiunea 4.3 puteți seta pictograma site-ului direct din editor vizual pagini. De asemenea, multumesc această actualizare Dimensiunea și imaginile nu mai sunt importante, programul în sine va edita și va face totul după cum este necesar.

Cum se instalează WordPress Favicon poate fi găsit în următorul videoclip lecţie:

ai facut-o? Asta este această lecție terminat și obiectivul a fost atins, v-ați dat seama cum să instalați WordPress Favicon.

Poți continua să-l studiezi pe al nostru și să devii expert în dezvoltarea site-urilor web pe această platformă.

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 logo-ul site-ului sau al 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 >> Personalizare.

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 modificarea 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: Asigurați-vă că aveți o copie de rezervă a temei înainte de a face orice modificări.

Accesați meniu Aspect >> Editor.

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

Editați sau adăugați următoarele linii la cod, așa cum se arată în captură de ecran:

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

Favicon pentru un site WordPress poate fi instalat în moduri diferite. V-am spus deja cum să utilizați pluginuri și să instalați coduri speciale într-un șablon de site. În acest articol, voi descrie o altă modalitate de a instala o favicon pentru un site WordPress. Hai să instalăm cod special la fișierul functions.php al șablonului.

Introducere

Favicon pentru un site WordPress (pictogramă favorite) sau pictograma site oferă personalitate site-ului și, prin recunoașterea marcajelor, poate influența traficul acestuia. Cu toate acestea, instalat fără succes favicon poate crește timpul de încărcare a site-ului. În acest articol ne vom uita la setarea unei pictograme de site prin fișierul functions.php.

favicon pentru un site WordPress: pași de instalare

O opțiune pentru instalarea unei pictograme este să plasați pictograma directorul rădăcină, cu codul adăugat în fișierul functions.php. Pentru a utiliza această metodă de instalare a unui favicon pe un site web, trebuie să parcurgeți trei pași.

Creați o imagine favicon.ico folosind orice generator de favicon;
Încărcați imaginea favicon.ico în directorul rădăcină al site-ului;
Pune codul în fișierul functions.php.

Să ne uităm la fiecare pas mai detaliat.

Creați o imagine favicon.ico folosind orice generator de favicon

În articol am descris în detaliu cum să faci o imagine favicon.ico. Nu e nimic complicat în asta. Se face pe orice generator de pictograme, on-line. Nu este nevoie să instalați pe computer programe suplimentare. O imagine este realizată în format .ico dintr-o imagine de orice dimensiune și orice format.

Dacă doriți să vă desenați propria pictogramă, puteți utiliza opțiunea avansată serviciu online pentru realizarea de icoane favicon.cc. Pe ea nu numai că puteți face o pictogramă dintr-o fotografie pregătită în prealabil, ci și încercați să pictați cu puncte.

Un alt instrument avansat pentru crearea pictogramelor este favicon.ru.Puteți nu numai să desenați pe el, ci și să comandați producția unui favicon unic.

Puțini? Păstrați o listă de servicii pentru crearea pictogramelor:

Iconfinder.com
freepik.com/free-icons
fian.my.id
ru.iconka.com
genericons.com
materialdesignicons.com
flaticons.net
iconbird.com
iconizer.net
webhostinghub.com
iconspedia.com
iconsearch.ru
icons8.com
glyphicons.com
findicons.com
icomoon.io
iconarchive.com
themify.me
fontawesome.io
thenounproject.com
flaticon.com
fontello.com

Încărcați imaginea favicon.ico în directorul rădăcină al site-ului

Favicon creat pentru un site WordPress, cu Ajutor FTP conexiune, încărcați-l în directorul rădăcină al site-ului dvs., cel mai probabil în folderul sau .

Verificați dacă nu există pictograme vechi în acest folder. Dacă există, eliminați-le. Este păcat să-l ștergi, să-l redenumim. Verificați, de asemenea, folderul de șablon de lucru. De asemenea, scoateți din ea fișier ico dacă există.

Pune codul în fișierul functions.php

Tot ce rămâne este să plasați codul în șablonul site-ului. Pentru a face acest lucru, conectați-vă la panoul administrativ. În consolă, deschideți: Aspect →Editor.

În editorul din dreapta, din lista de fișiere șablon disponibile pentru editare, căutați fișierul . Deschideți-l pentru editare. Nu uitați să faceți acest lucru înainte de a edita copie de rezervă site-ul. De asemenea, fără experiență, editați fișiere din consolă și în orice editor de text de exemplu Notepad++.

Lipiți următorul cod oriunde în secțiunea SETARE TEME

// adaugă o favicon la funcția ta my_favicon() ( echo " "; ) add_action("wp_head", "my_favicon");

Nu uitați să salvați.

După ce pagina site-ului se reîncarcă, pictograma apare lângă site-ul dvs. Dacă ați șters toate pictogramele „străine” din directorul site-ului, inclusiv directoarele cu teme, iar pictograma dvs. încă nu apare, goliți memoria cache a browserului.

Asta e tot! Închid tema Favicon pentru site-ul WordPress. Au fost trei articole pe site în care am vorbit despre trei opțiuni pentru instalarea unei pictograme unice pe site-ul tău WP. Citiți alte articole.