Cum să adăugați o favicon în WordPress

Începând cu WordPress 4.3, core oferă o caracteristică Site Icon care decupează, redimensionează și injectează etichetele <link> corecte pentru dvs. Nu este necesar niciun plugin pentru site-urile standard.

Pictogramele încărcate sunt stocate în Biblioteca Media și sunt referite prin wp_site_icon() pe front-end. WordPress generează mai multe dimensiuni pe partea de server atunci când publicați.

Caracteristica înlocuiește încărcările manuale favicon.ico pentru majoritatea bloggerilor, agențiilor și magazinelor WooCommerce.

Use our favicon generator, PNG to ICO converter, SVG to ICO converter, and live favicon tester to build and verify your icon set, and read the companion guide for a condensed walkthrough.

În wp-admin, accesați Aspect → Personalizare → Identitate site → Site Icon.

Faceți clic pe Selectați Site Icon și încărcați un pătrat PNG de cel puțin 512×512 pixeli. WordPress afișează un cropper în direct — centrați-vă marca de siglă în interiorul zonei de siguranță pătrate.

Faceți clic pe Publicare. Core afișează pictograma Apple-touch, diferite dimensiuni PNG și metaetichete la următoarea încărcare a paginii frontale.

Pentru pictogramele pentru fiecare secțiune sau mărcile subdirectoarelor, filtrați get_site_icon_url() în tema copilului dvs. functions.php.

Exemplu de caz de utilizare: o rețea cu mai multe site-uri în care fiecare subsite are nevoie de o marcă distinctă, dar împărtășește o singură temă. Returnează adrese URL diferite pe baza blog_id.

Echipele avansate pot scoate din coadă meta-pictogramă site-ul implicit și pot imprima etichete <link> personalizate în header.php, dar nucleul de lucru duplicat deja funcționează bine.

Blog unic: încărcați 512×512 PNG prin Customizer. Terminat — fără FTP, fără editare .ico.

Magazin WooCommerce: același flux; verificați pictograma de pe paginile de casă și de cont, nu numai pe pagina de pornire. Pluginurile de stocare în cache întârzie uneori CSS, dar rareori blochează etichetele pictogramelor.

WordPress fără cap: etichetele Site Icon apar numai pe paginile redate în PHP. Interfața dvs. Next.js trebuie să declare propriile etichete <link> în arhitectura respectivă.

Staging → producție: reîncărcați sau migrați ID-ul media. Adresele URL de pictograme absolute codificate numai dacă înțelegeți invalidarea cache-ului CDN.

Pluginurile SEO populare pot expune și o setare favicon. Evitați configurarea diferită atât a pluginului SEO, cât și a Site Icon - alegeți o sursă de adevăr.

Pluginurile de stocare în cache (WP Rocket, W3 Total Cache) nu ar trebui să blocheze fișierele cu pictograme, dar pot stoca în cache HTML fără etichete noi până la eliminare.

Pluginurile Favicon aveau sens înainte de WordPress 4.3. În 2026, acestea sunt redundante, cu excepția cazului în care aveți nevoie de schimburi de pictograme animate sau programate.

Ce tip de fișier ar trebui să încarc? PNG este cel mai sigur. WordPress acceptă JPG, dar pierdeți transparența.

Dimensiune minima? 512×512 oficial; surse mai mari downscale amendă.

WordPress creează favicon.ico? Emite dimensiuni PNG și meta-etichete. Browserele beneficiază în continuare de plasarea unui .ico adevărat la rădăcina web prin găzduire sau o temă copil.

Multisite: fiecare site are propriul Site Icon în propriul Customizer. Administratorii de rețea setați pe site, cu excepția cazului în care o temă filtrează adresele URL la nivel global.

Browserele memorează cache favicon separat de HTML. După publicarea în WordPress, reîmprospătați sau testați într-o fereastră privată.

Adăugați ?ver=2 la adresele URL de pictograme numai dacă rulați manual etichetele. Adresele URL Site Icon includ argumente de interogare care se modifică atunci când reîncărcați.

Ștergeți memoria cache a obiectelor WordPress și orice CDN (Cloudflare, Jetpack Boost) dacă HTML încă face referire la o adresă URL a atașamentului vechi.

Dacă ați migrat domenii, căutați în baza de date adrese URL de pictograme vechi în opțiunile serializate - unii importatori ratează siteicon_id.

Pictogramă neclară după încărcare: imaginea sursă a fost mai mică de 512×512 sau nu pătrată. Regenerați dintr-un maestru mai mare.

Nicio pictogramă în rezultatele Google: Google își folosește propriul cache; solicitați reindexarea în Search Console după actualizarea Site Icon.

Pictogramă pe desktop, dar nu pe iPhone: iOS are nevoie de pictogramă Apple-Touch; confirmați că Site Icon este publicat, nu doar salvat ca schiță în Customizer.

Casetă albă în jurul siglei: JPG încărcat cu fundal alb în loc de PNG transparent.

Gazdele WordPress gestionate (WP Engine, Kinsta, SiteGround) au cache HTML la margine. După ce schimbați Site Icon, ștergeți toate cache-urile din tabloul de bord gazdă.

Proxy-urile cloud-portocalii Cloudflare pot stoca în cache HTML fără a stoca în cache pictogramele /wp-content/uploads/ - de obicei, bine, dar se elimină atunci când adresele URL ale atașărilor pictogramelor se modifică.

Pluginurile multilingve (WPML, Polylang) nu dublează în mod implicit Site Icon în fiecare limbă. O pictogramă servește toate localitățile, cu excepția cazului în care filtrați adresele URL.

Configurațiile de bază sau fără cap pot reloca încărcările. Confirmați adresele URL media în punctul front-end HTML în care CDN-ul dvs. le așteaptă.

Dacă difuzați exportul static (Simply Static, WP2Static), regenerați exportul după modificarea pictogramei, astfel încât offline HTML să preia ID-uri noi de atașament.

Numai utilizatorii cu capacitate de personalizare (de obicei, administratorii și editorii la instalările standard) pot schimba Site Icon. Autorii nu pot schimba marca fără drepturi ridicate.

Pe mai multe site-uri, super-administratorii pot încărca teme la nivel de rețea, dar Site Icon rămâne pe site, cu excepția cazului în care codul personalizat partajează o adresă URL a atașamentului.

Auditează temele de administrare terță parte care ascund Aspect → Personalizare. Poate fi necesar să reactivați Customizer sau să utilizați legătura profundă Customizer ?autofocus[section]=title_tagline.

Când predați un site unui client, documentați că favicon modificările sunt live în Personalizare, nu numai în Biblioteca media - încărcarea PNG acolo fără a aloca Site Icon nu face nimic.

WooCommerce checkout folosește același cap de temă ca și restul magazinului. Site Icon apare automat pe paginile de coș și de mulțumire.

Pluginurile de membru care înlocuiesc șabloanele front-end ar trebui să apeleze în continuare wp_head(), deci Site Icon meta ieșiri.

Portalurile pentru clienți cu etichetă albă dezactivează uneori cârligele de branding - verificați că capacitatea de personalizare nu este dezactivată pentru rolurile de abonat dacă clienții își încarcă propria pictogramă.

Șabloanele de e-mail nu folosesc Site Icon. Logo-ul de e-mail WooCommerce este o setare separată sub Aspect → Personalizare → WooCommerce.

Dacă ați încărcat anterior prin FTP favicon.ico la rădăcina web, Site Icon nu îl șterge. Browserele pot prefera o sursă în detrimentul celeilalte în mod imprevizibil.

Alegeți o singură abordare: fie să vă bazați pe ieșirile Site Icon PNG, fie să păstrați un ICO realizat manual cu un design potrivit. Eliminați duplicatele după QA.

Temele clasice cu link-ul codificat rel=icon în header.php pot lupta împotriva nucleului Site Icon. Eliminați etichetele manuale când activați Site Icon.

După migrare, ștergeți memoria cache și testați în navigarea privată pentru a vedea ce pictogramă câștigă.

Documentați abordarea aleasă în runbook, astfel încât următorul dezvoltator să nu adauge un al doilea plugin favicon aflat în conflict.