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

Pictograma WordPress, cunoscută și sub denumirea de favicon, apare în mod 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?

Pictograma WordPress din fila browserului dvs. poate face ca site-ul dvs. să pară generic și neprofesionist. Majoritatea utilizatorilor au multe file deschise în browser, ceea ce poate duce la ascunderea titlului site-ului dvs.

Cu doar logo-ul WordPress în filă, utilizatorii dvs. nu vor putea să vă identifice site-ul, printre multe altele.

Prin eliminarea pictogramei WordPress din fila browserului și adăugarea unui favicon (cunoscut și sub denumirea de pictograma site-ului dvs.), puteți utiliza logo-ul mărcii dvs. și puteți face site-ul dvs. mai ușor de utilizat pentru vizitatorii dvs.

Un favicon este o imagine mică care apare lângă titlul site-ului dvs. în browser.

Favicon-ul îi va ajuta pe utilizatorii dvs. să vă recunoască imediat site-ul web și să comute eficient între diferite file. Vizitatorii mai frecvenți vor construi chiar și o recunoaștere instantanee pentru acea imagine mică din browserul dvs.

Acestea fiind spuse, să vedem cum să eliminăm cu ușurință pictograma WordPress din fila browserului. Astăzi, vom analiza ambele metode și puteți alege pe cea care vi se potrivește:

• Metoda 1: Eliminarea pictogramei WordPress fără un plugin
• Metoda 2: Eliminarea pictogramei WordPress folosind un plugin
• Bonus: Adăugați notificări în fila browserului în WordPress
• Întrebări frecvente

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.

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., pur și simplu 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 Heroic Favicon Generator. Pentru mai multe detalii, consultați ghidul nostru pentru începători despre cum să instalați un plugin WordPress.

La activare, vizitați pagina Setări » Generator de Favicon-uri Heroic din tabloul de bord WordPress și faceți clic pe butonul „Selectați Favicon”.

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

După ce ați făcut acest lucru, derulați în jos la secțiunea „Previzualizări”, unde puteți vedea cum va arăta favicon-ul pe site-ul dvs. WordPress.

Odată ce sunteți mulțumit, derulați pur și simplu în jos și faceți clic pe butonul „Salvează modificările”.

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 site-ul dvs. web, 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”.

Acum ați adăugat cu succes o notificare în fila browserului pe site-ul dvs. web, care va afișa 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

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 favicon sau pictogramă de site.

Î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 favicon-ul WordPress, dar acesta continuă să apară, nu vă faceți griji – este o problemă comună. 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 plugin-urilor: Unele teme și plugin-uri au propriile setări de favicon care pot suprascrie pictograma globală a site-ului dvs. Asigurați-vă că nu există o favicon setată în opțiunile temei sau într-un plugin, cum ar fi un page builder 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.