Cum să elimini ușor pictograma WordPress din fila browserului

Pictograma site-ului WordPress (cunoscută și sub denumirea de favicon) apare implicit în fila browserului pentru site-ul dvs. web.

Deși funcționează bine atunci când lucrați doar la noul dvs. site, mulți proprietari de site-uri preferă să o înlocuiască sau să o elimine pentru a reflecta mai bine identitatea mărcii lor.

Am construit multe site-uri web pe WordPress, inclusiv bloguri și magazine eCommerce, și un lucru pe care îl facem întotdeauna este să înlocuim pictograma implicită cu un favicon care reprezintă marca noastră.

Această simplă modificare ne-a ajutat să ne consolidăm identitatea de marcă, să facem site-urile noastre să pară mai de încredere și să le îmbunătățim aspectul vizual general.

În acest articol, vă vom arăta cum să eliminați cu ușurință pictograma WordPress din fila browserului.

De ce să eliminați pictograma WordPress din fila browserului?

Afișarea pictogramei implicite WordPress (favicon) în fila browserului pentru site-ul dvs. web îl poate face să pară generic.

Prin înlocuirea acestuia cu o pictogramă de site personalizată, vă îmbunătățiți site-ul în trei moduri cheie:

• Consolidarea identității mărcii: Înlocuirea logo-ului implicit cu propriul logo asigură vizibilitatea mărcii dvs. chiar și atunci când utilizatorul nu privește direct conținutul paginii dvs.
• Îmbunătățirea experienței utilizatorului: Majoritatea utilizatorilor au multe file deschise simultan. O pictogramă unică îi ajută să vă identifice instantaneu site-ul printre aglomerație și să revină la el eficient.
• Creșterea încrederii: Lăsarea pictogramei implicite WordPress poate face ca un site să pară „în construcție” sau neprofesionist. O pictogramă personalizată semnalează atenția la detalii.

Acum, să vedem cum să eliminăm cu ușurință pictograma WordPress din fila browserului. În acest tutorial, vom acoperi două metode, astfel încât să puteți alege cea care funcționează cel mai bine pentru dvs.:

Metoda 1: Eliminarea pictogramei WordPress fără un plugin

Dacă utilizați o temă de blocuri în WordPress, atunci puteți folosi această metodă pentru a elimina pictograma WordPress dintr-o filă de browser. Aceasta este cea mai ușoară metodă, deoarece nu trebuie să instalați niciun instrument suplimentar.

La momentul scrierii acestui tutorial, tema implicită WordPress, Twenty Twenty-Three, nu are un bloc pentru pictograma site-ului pentru a vă schimba faviconul de la logo-ul WordPress.

Mai întâi, trebuie să navigați la Aspect » Editor din tabloul de bord de administrare WordPress pentru a deschide editorul complet al site-ului.

Cu toate acestea, nu puteți schimba favicon-ul de aici sau elimina pictograma WordPress din fila browserului. Pentru a face acest lucru, copiați și lipiți URL-ul de mai jos în browserul dvs. pentru a deschide personalizatorul de temă:

https://example.com/wp-admin/customize.php

Nu uitați să înlocuiți „example.com” cu numele de domeniu al propriului site.

Acest URL vă va duce la Personalizator temă, unde trebuie să faceți clic pe fila „Identitate site”.

Odată ajuns acolo, derulați în jos la secțiunea „Pictograma site-ului”.

De aici, pur și simplu faceți clic pe butonul „Selectați pictograma site-ului” pentru a deschide biblioteca media WordPress.

Acum puteți selecta orice imagine doriți să utilizați ca favicon pentru a înlocui pictograma WordPress din fila browserului.

Pentru mai multe detalii despre cum să creați o favicon, puteți consulta tutorialul nostru despre cum să adăugați o favicon în WordPress. Dacă imaginea pe care ați ales-o pentru a fi folosită ca favicon depășește dimensiunea recomandată, atunci WordPress vă va permite să o decupați.

Odată ce sunteți mulțumit de alegerea dvs., pur și simplu faceți clic pe butonul „Publicați” din partea de sus.

Eliminarea pictogramei WordPress dintr-o temă fără editare completă a site-ului

Dacă utilizați o temă clasică, atunci puteți naviga direct la Personalizator temă la Aspect » Personalizare pentru a elimina pictograma WordPress din fila browserului.

În site-urile care nu suportă editorul complet al site-ului, personalizatorul temei WordPress vă permite să schimbați detalii despre site-ul dvs., cum ar fi faviconul, tipografia, culorile implicite, antetul și multe altele.

Odată ajuns în Personalizatorul de temă, faceți clic pe fila „Identitatea site-ului”. Procesul este același cu cel pe care l-am arătat mai sus. Puteți elimina pictograma WordPress pur și simplu prin încărcarea unei pictograme de site la alegerea dvs.

Odată ce sunteți mulțumit de alegerea dvs., faceți clic pe butonul „Publicare” pentru a salva modificările.

Metoda 2: Eliminarea pictogramei WordPress folosind un plugin

Poți folosi, de asemenea, un plugin pentru a elimina pictograma WordPress și a o înlocui cu un favicon.

Mai întâi, trebuie să instalați și să activați pluginul Custom Favicon. Pentru mai multe detalii, consultați ghidul nostru pentru începători despre cum să instalați un plugin WordPress.

După activare, vizitați pagina Setări » Favicon personalizat din tabloul de bord WordPress și faceți clic pe butonul „Încărcare” de lângă opțiunea „Favicon (Implicit)”.

Aceasta va deschide biblioteca media WordPress. Acum, puteți alege și încărca orice imagine doriți să utilizați ca favicon.

După aceea, bifați opțiunea „Dezactivare pictogramă site WordPress” pentru a vă asigura că pictograma implicită a site-ului WordPress este dezactivată.

Apoi, derulați în jos și faceți clic pe butonul „Salvare modificări”.

Ați eliminat cu succes pictograma WordPress și ați adăugat o favicon în locul ei.

Bonus: Adăugați notificări în fila browserului în WordPress

Pe lângă adăugarea unui favicon personalizat pentru a atrage atenția utilizatorilor, puteți adăuga și notificări în fila browserului pentru a readuce clienții.

Această notificare este un mesaj care va fi afișat în fila browserului dvs. atunci când utilizatorul se concentrează pe un alt site web. Poate ajuta la reducerea ratelor de abandon al coșului și la direcționarea mai multor trafic către site-ul dvs.

Puteți adăuga cu ușurință o notificare în fila browserului în WordPress folosind WPCode. Este cel mai bun plugin pentru fragmente de cod WordPress de pe piață, care face sigur și ușor adăugarea de cod personalizat pe site-ul dvs. web.

După instalarea pluginului, tot ce trebuie să faceți este să vizitați pagina Fragmente de cod » + Adăugați fragment din bara laterală de administrare WordPress și să faceți clic pe „Utilizați fragmentul” sub opțiunea „Adăugați codul dvs. personalizat (Fragment nou)”.

Aceasta vă va duce la pagina „Creare fragment personalizat”, unde trebuie să selectați „Fragment JavaScript” ca „Tip cod” din meniul derulant din dreapta.

După aceea, adăugați următorul cod personalizat în caseta „Previzualizare cod”:

let count = 0;
const title = document.title;
function changeTitle() {
    count++;
    var newTitle = '(' + count + ') ' + title;
    document.title = newTitle;
}
function newUpdate() {
    const update = setInterval(changeTitle, 2000);
}
document.addEventListener('DOMContentLoaded', newUpdate );

În cele din urmă, faceți clic pe butonul „Salvează fragmentul” și comutați comutatorul „Inactiv” la „Activ”.

Ați adăugat cu succes o notificare în fila browserului pe site-ul dvs. web, care afișează numărul de actualizări noi.

Dacă doriți să afișați un mesaj sau să schimbați favicon-urile în fila browserului, atunci puteți consulta tutorialul nostru complet despre cum să adăugați cu ușurință notificări în fila browserului în WordPress.

Întrebări frecvente despre favicon-urile WordPress

Iată câteva întrebări care sunt frecvent adresate de cititorii noștri despre eliminarea pictogramei WordPress din fila browserului:

Ce este pictograma WordPress din fila browserului?

Micuțul logo pe care îl vedeți lângă titlul unei pagini în fila browserului se numește oficial Site Icon (Pictogramă site), deși este adesea numit favicon.

În WordPress, acest lucru este de obicei setat sub Setări » Generale (sau Aspect » Personalizare » Identitate site). Dacă nu l-ați personalizat, WordPress folosește logo-ul său implicit acolo.

Deși poate părea minor, această mică imagine ajută utilizatorii să vă identifice rapid site-ul printre multe file. Lăsarea pictogramei implicite poate face ca site-ul dvs. să pară generic și ar putea afecta recunoașterea mărcii dvs.

De ce văd în continuare pictograma WordPress chiar și după ce am eliminat-o?

Dacă ați înlocuit sau eliminat faviconul WordPress, dar acesta continuă să fie afișat, acest lucru se întâmplă de obicei deoarece browserul sau site-ul dvs. web încă servește o versiune în cache a pictogramei vechi.

Iată câteva lucruri pe care le puteți verifica:

• Goliți memoria cache a browserului și memoria cache a site-ului: Browserele tind să stocheze imaginile favicon în mod agresiv. Încercați să vă goliți memoria cache a browserului sau să reîmprospătați pagina cu Ctrl + F5 (Windows) sau Command + Shift + R (Mac).
• Goliți cache-ul CDN: Dacă site-ul dvs. este conectat la o rețea de livrare de conținut (CDN) precum Cloudflare, este posibil să servească o versiune mai veche a favicon-ului dvs. Conectați-vă la contul dvs. CDN și goliți cache-ul pentru a vă asigura că noua dvs. pictogramă este afișată.
• Verificați suprascrierile temei sau ale pluginurilor: Unele teme și pluginuri au propriile setări pentru favicon, care pot suprascrie pictograma globală a site-ului dvs. Asigurați-vă că nu există un favicon setat în opțiunile temei sau într-un plugin, cum ar fi un constructor de pagini sau un instrument SEO.
• Eliminați linkurile favicon codificate manual: În cazuri rare, un favicon poate fi codificat manual în fișierul header.php al temei dvs. Căutați orice etichete <link rel="icon"...> sau <link rel="shortcut icon"...> și eliminați-le sau actualizați-le după cum este necesar.

După ce ați făcut aceste modificări, reîmprospătați site-ul dvs. într-o fereastră de browser incognito sau privată pentru a vedea dacă noul favicon este afișat corect.

Ce pași ar trebui să urmez pentru a mă asigura că favicon-ul meu se afișează corect pe toate dispozitivele?

Utilizarea formatului și dimensiunii corecte a favicon-ului ajută la asigurarea afișării corecte pe toate dispozitivele și browserele. Dacă favicon-ul dvs. pare neclar sau nu se actualizează corect, urmați aceste bune practici:

• Folosiți imagini pătrate cu cel puțin 512×512 pixeli
• Includeți un fișier .ico pentru compatibilitate
• Adăugați etichete HTML <link rel="icon"> corespunzătoare în antetul site-ului dvs.
• Curăță cache-ul browserului și al site-ului

Urmând aceste sfaturi, favicon-ul dvs. va fi afișat corect, va arăta clar și va contribui la consolidarea identității brandului site-ului dvs.

Sperăm că acest articol v-a ajutat să învățați cum să eliminați pictograma WordPress din fila browserului. De asemenea, ați putea dori să consultați ghidul nostru pentru începători despre cum să obțineți feedback despre designul site-ului web în WordPress și exemplele noastre de top de site-uri web WordPress pe care ar trebui să le verificați.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.