Cum să adăugați cu ușurință o favicon WordPress

Trebuie să aflați cum să adăugați cu ușurință un Favicon WordPress? Aflați urmând acest tutorial

O favicon este o pictogramă pătrată mică care reprezintă site-ul dvs. web. De obicei, apare lângă titlul site-ului web în fila browser. De asemenea, apare o favicon în istoricul browserului, marcaje și oriunde site-ul dvs. are nevoie de o identitate vizuală.

Acest mic detaliu este esențial pentru identitatea ta online. Vom discuta despre faviconul WordPress și despre cum să adăugați unul pe site-ul dvs. WordPress.

Dar înainte de a începe, dacă nu ați instalat niciodată WordPress, aflați Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici.

De ce este important să adăugați o favicon pe site-ul dvs. web

Un Favicon este practic ID-ul site-ului dvs. web; prin urmare, logo-ul dvs. ar fi mai probabil să apară acolo. Ignorarea prezenței sale pe site-ul dvs. este într-adevăr o greșeală.

Iată câteva motive pentru care o favicon este vitală pentru site-ul tău.

• Se remarcă ca recunoaștere a marca
  Majoritatea utilizatorilor tind să deschidă mai multe file în browser. Fără o favicon, puteți vedea numai pagina sau numele postării în fila browser. De asemenea, dacă deschizi mai mult de 20 de file, acestea devin mai scurte și este dificil să identifici ce filă reprezintă ce site web.
  A avea o favicon îi ajută pe utilizatori să identifice mai ușor fiecare filă. Dacă favicon-ul dvs. iese în evidență, nu numai că vă va îmbunătăți vizibilitatea, ci și dvs experiență de utilizator.
• A cladi increderea
  Veți oferi utilizatorilor o primă impresie proastă dacă nu aveți o favicon. Un site web fără favicon nu pare profesional.
  Dacă construiți un site web doar pentru blogging zilnic, a nu avea o favicon ar putea fi irelevant. Dar, devine esențial atunci când gestionați un site web de afaceri sau un magazin online.
  dumneavoastră vizitatori nu va avea încredere în nicio tranzacție pe un site web care nu arată profesional.
• Îmbunătățirea experienței mobile
  Aceasta este epoca experienței mobile. A avea un site web receptiv ar putea să nu fie suficient pentru a încânta utilizatorii de telefonie mobilă, în principal pentru că aplicațiile web sunt în creștere în acest moment.
  Utilizatorii pot marca pur și simplu un site web pe ecranul de start al telefonului lor. Gata cu introducerea adreselor URL!
  În această situație, a avea un favicon bine făcut vă va servi în două moduri diferite. În primul rând, favicon-ul va fi folosit ca pictogramă a aplicației, iar în al doilea rând, persoanele care folosesc aplicația dvs. web își vor aminti pictograma. Prin urmare, favicon-ul dvs. va fi asociat cu site-ul dvs. web.

Creare favicon pentru WordPress

De obicei, favicon-ul tău este logo-ul mărcii tale. Pentru imagine, WordPress vă recomandă să folosiți fie un pătrat 512 px x 512 px.

Puteți folosi o imagine mai mare, dar WordPress va solicita cel mai probabil să o decupați pentru a se potrivi cu dimensiunea.

Pentru a crea o imagine de dimensiunea exactă a 512 pixeli x 512 pixeli, puteți folosi orice software de editare a imaginilor, cum ar fi decât Adobe Photoshop (plătit) și șiret (gratuit) sau generatoare de favicon

Deși puteți alege o culoare de fundal pentru favicon-ul dvs. WordPress, transparența este preferată. Puteți folosi formatele . Jpeg,.ico, .gif ou .png (doar asigurați-vă că utilizați formatul .png dacă utilizați un fundal transparent).

Odată ce imaginea este gata, o puteți adăuga pe site-ul dvs. WordPress folosind una dintre aceste trei metode:

1. Adăugarea unui WordPress Favicon prin intermediul WordPress Customizer

Din versiunea WordPress 4.3, puteți adăuga pur și simplu o favicon WordPress din zona dvs. de administrare. Pentru a face acest lucru, urmați pașii de mai jos:

1. Accesul la votre tabloul de bord admin
2. Treceți mouse-ul peste Aspect -> Personalizare
3. alege identitatea site-ului web
4. Faceți clic pe butonul Selectați un poza de mai jos secțiunea Icon a site-ului
5. Încărcați favicon-ul care a fost pregătit
6. Faceți clic pe butonul Publicare pentru a salva schimbarea.

Dacă procedați corect, favicon-ul va apărea lângă titlul site-ului dvs. Pentru a configura acest lucru pe un dispozitiv mobil, accesați site-ul dvs. web de pe telefon și selectați Adăugați la ecranul de pornire.

Favicon-ul dvs. va apărea acum pe ecranul dvs. de pornire.

2. Adăugați un Favicon pe site cu un plugin WordPress

De asemenea, puteți adăuga o favicon la WordPress folosind un plugin numit Favicon de RealFaviconGenerator. Este ușor de utilizat și oferă mai multe funcții. Iată pașii necesari:

1. Accesați-vă tabloul de bord admin
2. Alege Extensii -> Adăugați
3. tip Favicon de RealFaviconGenerator în caseta de căutare
4. Instalați și activați WordPress plug-in
5. După activare, accesați Aspect -> Favicon
6. Încărcați imaginea pe care doriți să o setați ca favicon. Nu trebuie să vă editați imaginea folosind un software de editare a imaginilor. Pluginul o va face pentru tine. Doar asigurați-vă că imaginea dvs. are o dimensiune de cel puțin 70 x 70px. Este chiar mai bine dacă este mai mare decât 260 x 260 px.
7. După ce ați încărcat imaginea, apăsați butonul Generați favicon.
8. După ce faceți clic pe butonul, pluginul vă va duce la site-ul web RealFaviconGenerator.
9. Pe site, găsiți și faceți clic Generați-vă Favicon-urile și codul HTML.
10. Pluginul vă va duce înapoi la site-ul dvs. web. Veți primi o notificare că favicon-ul dvs. a fost configurat.
11. Verificați cum arată favicon-ul dvs. în browser și dispozitivul mobil.

3. Adăugați manual o favicon WordPress pe un site web

Vă recomandăm să testați acest lucru pe site-ul dvs. de dezvoltare locală înainte de lansare.

1. Accesați fișierele tematice printr-un client FTP sau un manager de fișiere
2. Găsiți folderul /wp-content/themes/votre-theme
3. Încărcați favicon-ul în folderul cu teme. Este recomandat să îl descărcați într-un subdosar ca Bunuri
4. Amintiți-vă această cale de fișier
5. Căutați un fișier numit functions.php și adăugați următorul cod:

function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
 
add_action('wp_head', 'add_favicon');

6. Linia de după href="'.get_template_directory_uri() trebuie să fie calea către favicon-ul tău. De asemenea, asigurați-vă că aveți numele corect de fișier. Dacă utilizați un format fișier .ico, va fi acesta:

function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
 
add_action('wp_head', 'add_favicon');

Este obligatoriu să ai un favicon! Mai ales când este atât de ușor de creat. O favicon reprezintă identitatea site-ului dvs. web. Este posibil să ocupe doar un spațiu mic pe site-ul dvs., dar acest mic detaliu are un rol special în îmbunătățirea recunoașterii mărcii și a experienței utilizatorului.

Alte resurse recomandate

De asemenea, vă invităm să consultați Resurse de mai jos pentru a prelua mai multă proprietate și control asupra site-ului și blogului dvs.

• Cum de a adăuga autentificare Gmail pe WordPress
• Cum să eliminați o temă WordPress de pe un site web
• Cum să vă setați pagina de pornire în WordPress
• Elementor: Cum să adăugați un efect de sunet pentru buton
• Cum se creează șabloane personalizate pe WordPress

Concluzie

Asta e tot pentru acest tutorial care explică cum să adaugi o Favicon pe WordPress. Dacă aveți nelămuriri sau sugestii, vă rugăm să ne anunțați comentarii.

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

În același timp, împărtășește acest articol pe diferitele rețele de socializare.   

...