Favicon pentru WordPress

WordPress gestionează în mod nativ injectarea de favicon prin funcția Site Icon, introdusă în WordPress 4.3. Când încărcați o imagine în Customizer, WordPress o decupează automat, generează variante mai mici și injectează etichetele corecte `<link rel='icon'>` și `<link rel='apple-touch-icon'>` pe fiecare pagină. Nu este necesară nicio modificare de plugin sau cod pentru marea majoritate a site-urilor.

Pentru a accesa setarea pictogramei site-ului, conectați-vă la tabloul de bord al administratorului WordPress și navigați la Aspect > Personalizare. În bara laterală din stânga, faceți clic pe Identitatea site-ului. Veți vedea câmpul de încărcare a pictogramei site-ului în partea de jos a panoului. Faceți clic pe Selectați imaginea, încărcați pictograma, decupați-o dacă vi se solicită și faceți clic pe Publicare. Favicon-ul dvs. este disponibil imediat la următoarea încărcare a paginii.

WordPress necesită o dimensiune minimă a imaginii de 512×512 pixeli pentru pictograma site-ului. Încărcați un pătrat PNG la acea rezoluție sau mai mare — WordPress va genera variante mai mici (16×16, 32×32, 180×180) automat de la sursă. Nu încărcați niciodată o imagine mică și așteptați ca WordPress să o extindă; rezultatul va fi o pictogramă neclară în filele browserului.

PNG este formatul recomandat pentru încărcările de favicon WordPress. Platforma acceptă și JPEG și GIF, dar JPEG nu acceptă transparență, iar GIF oferă o compresie slabă pentru siglele fotografice. Un fundal transparent PNG asigură că pictograma dvs. arată curat în raport cu orice temă de browser, inclusiv barele de file în modul întunecat.

Dacă tema dvs. folosește editorul site-ului Gutenberg (Editarea completă a site-ului), calea pictogramei site-ului poate diferi ușor. Căutați sub Aspect > Editor > Stiluri sau utilizați setările de blocare a siglei site-ului. Unele teme de bloc expun, de asemenea, un câmp favicon în panoul Setări globale. Funcția de bază WordPress este aceeași - se modifică doar calea interfeței de utilizare admin.

Pentru control avansat - de exemplu, difuzarea unei alte favicon în subdirectorul magazinului față de blog - puteți înlocui URL-ul pictogramei site-ului în mod programatic. Adăugați acest lucru la functions.php al temei dvs. sau la un plugin specific site-ului: `add_filter('get_site_icon_url', function($url, $size, $blog_id) { return 'https://example.com/custom-favicon.png'; }, 10, 3);`. Acest lucru ocolește în întregime Customizer și vă permite să difuzați orice pictogramă de la orice adresă URL.

Unele pluginuri pentru generarea de pagini (Elementor, Divi, Beaver Builder) adaugă propriile setări de favicon care pot intra în conflict cu WordPress Customizer. Verificați panoul de setări pentru site-ul generatorului de pagini și eliminați orice modificare a faviconului de acolo, apoi resetați-l prin WordPress Customizer nativ. A avea două etichete favicon concurente pe aceeași pagină poate produce rezultate inconsecvente în toate browserele.

Instalările pe mai multe site-uri WordPress necesită ca fiecare subsite să aibă propria pictogramă site setată individual. Setările de administrare a rețelei nu ajung în cascadă către subsite-uri. Dacă doriți o favicon partajată în întreaga rețea, utilizați abordarea filtrului programatic și conectați-vă la adresa URL a pictogramei site-ului la nivel de rețea folosind un plugin obligatoriu (mu-plugins).

Pluginurile de memorare în cache precum WP Rocket, W3 Total Cache sau LiteSpeed Cache pot întârzia actualizările favicon. După ce vă schimbați pictograma site-ului, ștergeți toate straturile cache: cache-ul obiectului WordPress, cache-ul paginii, cache-ul CDN și cache-ul browserului. Dacă pictograma veche persistă, adăugați manual `?v=2` la linkul favicon din HTML sau așteptați ca TTL-ul cache să expire.

Pentru a verifica dacă WordPress afișează etichetele favicon corecte, faceți clic dreapta pe site-ul dvs. într-un browser, alegeți Vizualizare sursa paginii și căutați `rel='icon'`. Ar trebui să vedeți atât o intrare favicon.ico, cât și o intrare apple-touch-icon care indică spre imaginea încărcată. Dacă oricare dintre acestea lipsește, tema dvs. poate suprascrie `wp_head()` - asigurați-vă că `<?php wp_head(); ?>` este apelat în header.php al temei.

Pluginurile WordPress SEO terță parte, cum ar fi Yoast SEO și Rank Math, includ propriile metadate sociale și de schemă, dar nu interferează cu pictograma site-ului. Cu toate acestea, dacă ați instalat un plugin specific pentru favicon cu ani în urmă înainte ca WordPress să adauge suport nativ, acest plugin poate intra în conflict. Dezactivați toate pluginurile favicon vechi înainte de a utiliza opțiunea Customizer încorporată.

Pentru site-urile găzduite WordPress.com (spre deosebire de WordPress.org găzduit de sine), calea favicon este în Site-urile mele > Setări > General > Pictogramă site. Pașii sunt aproape identici cu fluxul Customizer auto-găzduit, dar editarea temei și pluginurile sunt limitate în funcție de planul dvs. Încărcați un PNG de 512×512 și salvați — WordPress.com se ocupă de toate redimensionarea și injecția de etichete.

După ce vă setați favicon-ul, verificați dacă funcționează corect folosind favicon tester introducând adresa URL a site-ului dvs. Acest lucru confirmă că pictograma este accesibilă public și apare la calea așteptată. De asemenea, verificați best favicon size pentru a înțelege ce rezoluții generează WordPress și dacă trebuie să adăugați vreuna manual pentru suport PWA.