Kako da napravim globalne stilove (boje/fontovi) u block temi?
Globalni stilovi u block temama (Full Site Editing)
U WordPress block temama, global styles za boje, fontove i druge elemente definišu se primarno u theme.json datoteci. Ovo omogućava centralizovano upravljanje stilovima preko celog sajta. Evo koraka za kreiranje i podešavanje:
- Grafičko podešavanje preko Site Editor-a (preporučeno za početnike):
- Idite na Appearance > Editor.
- Kliknite na Styles (ikona za stilove u gornjoj traci).
- Izaberite kategoriju: Colors za boje (npr. dodajte paletu boja), Typography za fontove (npr. heading i body fontovi).
- Promene se automatski čuvaju u theme.json.
- Ručno uređivanje theme.json (za developere):
- Otvorte theme.json u root folderu vaše block teme (kreirajte ga ako ne postoji).
- Dodajte sekcije za settings i styles. Primer osnovne strukture:
Primer theme.json za boje i fontove:
{
“version”: 2,
“settings”: {
“color”: {
“palette”: [
{
“name”: “Primary”,
“slug”: “primary”,
“color”: “#0073aa”
},
{
“name”: “Secondary”,
“slug”: “secondary”,
“color”: “#005a87”
}
]
},
“typography”: {
“fontFamilies”: [
{
“fontFamily”: “Inter, sans-serif”,
“name”: “Inter”,
“slug”: “inter”
}
]
}
},
“styles”: {
“typography”: {
“fontFamily”: “var(–wp–preset–font-family–inter)”
},
“color”: {
“background”: “var(–wp–preset–color–primary)”,
“text”: “var(–wp–preset–color–secondary)”
}
}
}
- Testirajte i aktivirajte:
- Sačuvajte datoteku i osvežite editor.
- Stilovi se primenjuju na blokove, templejte i delove sajta.
Napomena: WP Host nudi preko 350 premium tema (kao Astra Pro, Bricks Builder) koje podržavaju block teme i global styles, dostupne uz svaki WordPress hosting paket. Za optimalne performanse, koristite LiteSpeed servere WP Host-a, koji ubrzavaju WordPress do 40%.
