Gutenberg (a WordPress blokkszerkesztője) alapvetően a tartalomépítésre szolgál, így magában a szerkesztőfelületben nincs egy dedikált gomb a böngésző címsorának átszínezésére.
Azonban, ha Blokkos Sablont (Block Theme) használsz (mint pl. a Twenty Twenty-Four), a Webhely-szerkesztővel (Site Editor) megkerülheted a kódolást:
Megoldás a Webhely-szerkesztőben (FSE – Full Site Editing)
- Menj a Megjelenés > Szerkesztő (Appearance > Editor) menüpontba.
- Kattints a bal oldali menüben a Minták (Patterns) vagy Sablonrészek (Template Parts) lehetőségre.
- Válaszd ki a Fejlécet (Header).
- Kattints a fejléc szerkesztésére, majd a jobb felső sarokban a Stílusok (félhold ikon) ikonra.
- Itt sajnos még a legtöbb blokkos sablon nem kínál közvetlen “Theme Color” mezőt, ezért a legegyszerűbb, ha beillesztesz egy HTML blokkot bárhová a fejlécbe:
- Adj hozzá egy Egyedi HTML (Custom HTML) blokkot.
- Másold bele: .
- Ez a kód nem fog látszódni az oldalon, de a böngésző olvasni fogja.
Megoldás a functions.php fájlon keresztül
Ha nem akarsz minden oldalra kézzel HTML blokkot rakni, és nem használsz külön plugint, a sablonod functions.php fájljába (lehetőleg Child Theme-be) is beteheted ezt a rövid kódot:
function add_browser_color_meta() {
echo ”;
}
add_action(‘wp_head’, ‘add_browser_color_meta’);
Miért nem látod az eredményt asztali gépen?
Ne feledd, hogy a theme-color meta tag hatása szinte kizárólag mobil böngészőkben (főleg Android Chrome, Samsung Internet) és bizonyos asztali operációs rendszerek (pl. macOS Safari) esetén érvényesül. A Windows-os asztali Chrome általában nem veszi át ezt a színt.