1. A variáció létrehozása (fájlban)
- Nyisd meg a TT5
styles/sections/mappáját, és másold át az egyiksection-X.json-t a child témádba ugyanabba az útvonalba. Ezt te ellenőrizted, hogy ott van, én nem tudom biztosra, melyik mappát olvassa a core. - Nevezd át (pl.
sotet-oldal.json), és írd át:
{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 3,
"title": "Sötét oldal",
"slug": "sotet-oldal",
"blockTypes": ["core/group"],
"styles": {
"color": { "background": "#1a1a1a", "text": "#f5f0e6" },
"elements": {
"link": { "color": { "text": "#e0b85c" } },
"heading": { "color": { "text": "#ffffff" } }
}
}
}
A version egyezzen a témád theme.json-jával. A másolt TT5 fájl szerkezetét tartsd mérvadónak, ha eltér ettől.
- Ellenőrzés: Szerkesztő → bármelyik Group blokk kijelölése → Styles fül. Ha megjelenik a „Sötét oldal”, jó a mappa és a szerkezet.
2. A sablon létrehozása
- Megjelenés → Szerkesztő → Templates → Add Template → Custom template, adj neki nevet (pl. „Sötét oldal”).
- Ha üres, építsd fel: Header template part, Post Content blokk, Footer template part.
3. A gyökér group
- Jelöld ki mindhárom elemet, és csomagold Group blokkba (Ctrl+G / blokk menü → Group).
- A group beállításai:
- Align: Wide/Full (
alignfull) - Layout: Flow (ne Constrained, különben beszűkíti a belső szélességeket)
- Padding: 0
- Block spacing (blockGap): 0, hogy ne legyen rés a header, a tartalom és a footer között
- Align: Wide/Full (
- A Styles fülön válaszd ki a Sötét oldal variációt.
4. Ellenőrzés a sablonban
A header és a footer template part saját groupjain lehet saját háttér/szín (a témától vagy a sablonrészben beállítástól). Ez felülírhatja az örökölt színt. Ha valamelyik „kilóg”, az ő groupjára külön is rá kell tenni a variációt, vagy nullázni a saját színét.
5. Hozzárendelés az oldalakhoz
- Oldal szerkesztése → jobb oldali panel → Page → Template → válaszd a „Sötét oldal”-t.
- Tömegesen: Szerkesztő → Pages listában az oldalra kattintva a Template mezőben is átállítható.
6. Gyors verzió, kód nélkül
Ha csak színek kellenek, a 2–3. lépésben a gyökér groupnál nem kell variáció. A Styles fül helyett a Styles → Color beállításnál (háttér, szöveg, link) közvetlenül adj értéket. A különbség: a belső címsorok/gombok/linkek stílusát így nem tudod egyben szabályozni, csak a variációval.
Tipp mobilról
Ennyi blokk-pakolás telefonon kényelmetlen. A List View (a szerkesztő bal felső sarkában) sokat segít a kijelölésben, de a 3. lépést érdemes asztali gépen elvégezni.
Ha szeretnéd, következő lépésben megírom a variációs JSON-t a saját színeidhez (szappan-arculat), gombbal és címsorokkal együtt.
{
„name”: „Thrive Hero”,
„slug”: „thrive-hero”,
„gradient”: „linear-gradient(135deg, #EFF7F7 0%, #EFF7F7 65%, #C5ECE8 100%)”
}
{
„settings”: {
„color”: {
„gradients”: [
{
„slug”: „hero”,
„name”: „Hero”,
„gradient”: „linear-gradient(135deg, #EDF6F5 0%, #EDF6F5 55%, #C9EBE5 100%)”
}
]
}
}
}
