V blokovej téme oddeľte šablóny, opakované template parts, globálne štýly a obsahové vzory. Bežnému redaktorovi sprístupnite tvorbu obsahu, zásahy do globálnych častí iba vyškolenej role. Verzie témy a databázové úpravy šablón sledujte spoločne a pred vydaním testujte celý web.
Full Site Editing umožňuje v blokovej téme upravovať nielen obsah stránky, ale aj šablóny, hlavičku, pätičku a globálne štýly. Pre správny tím to znamená rýchlejšie zmeny bez zásahu do PHP šablón. Zároveň sa však hranica medzi obsahom a dizajnovým systémom presúva do administrácie. Používateľ s príliš širokým oprávnením môže zmeniť navigáciu alebo šablónu všetkých článkov jednou úpravou.
Úspešné nasadenie preto nestojí na tom, koľko možností editor odomkne. Potrebuje jasnú architektúru šablón, pomenované časti, globálne tokeny, kontrolu rolí a verziovanie zmien. Tento návod pomáha rozhodnúť, čo má byť upraviteľné bežným redaktorom, čo správcom dizajnu a čo zostane v kóde témy.
Zmapujte vrstvy blokovej témy
Šablóna určuje rámec typu stránky, napríklad single článok alebo archív. Template part predstavuje opakovanú časť ako hlavička či pätička. Vzor pomáha vložiť obsahovú sekciu a globálne štýly definujú farby, typografiu, rozostupy a predvolené správanie blokov. Keď každá vrstva plní svoju úlohu, úprava je predvídateľná a nevzniká kopírovaná pätička v desiatkach šablón.
Inventúru robte nad všetkými typmi obsahu a stavmi. Článok, stránka služby, výsledok vyhľadávania a 404 môžu potrebovať odlišnú kostru, no zdieľať rovnakú hlavičku. Zbytočne veľa šablón zvyšuje náklady na zmenu. Variant vytvorte iba pri skutočne odlišnej informačnej potrebe a pomenujte ho tak, aby editor rozumel následku priradenia.
Globálne štýly používajte ako pravidlá značky
Definujte obmedzenú paletu, typografickú stupnicu, šírky obsahu a rozostupy v jednom systéme. Bloky potom používajú pomenované hodnoty namiesto náhodných pixelov. Redaktor môže vybrať primárnu alebo neutrálnu farbu, no nemusí zadávať vlastný kód. Tak sa zmena značky prenesie konzistentne a nový obsah prirodzene dodržiava kontrast aj rytmus.
Možnosti blokov obmedzte podľa reálnej potreby. Vypnutie vlastných farieb alebo rozmerov nie je samoúčelné, ale chráni responzívny návrh. Ak tím potrebuje výnimku, vytvorte pomenovaný štýl s otestovaným správaním. Vlastné CSS v jednotlivých záznamoch sa ťažko inventarizuje, migruje a kontroluje, preto patrí skôr do verzovaného systému.
- Pomenované farby a typografická stupnica
- Jednotné šírky a rozostupy
- Obmedzené lokálne výnimky
- Otestované štýlové varianty blokov
Chráňte hlavičku, pätičku a navigáciu
Úprava globálnej časti ovplyvní celý web, preto nemá byť bežným vedľajším krokom pri písaní článku. Určte rolu alebo malú skupinu, ktorá spravuje navigáciu a template parts. Zmeny vykonávajte s náhľadom na desktop aj mobil, prihláseného používateľa a dlhšie menu. Pri kritickej navigácii pripravte možnosť rýchleho návratu.
Uzamknutie štruktúry chráni logo, skip link, kontajner a poradie ovládacích prvkov, no povolené položky menu zostávajú editovateľné. Skontrolujte fokus, klávesnicu a stav otvoreného mobilného menu. Globálna časť nemá obsahovať jednorazový text kampane bez vlastníka; na dočasné oznamy je vhodnejší samostatný riadený komponent s dátumom ukončenia.
Rozlišujte súbory témy a databázové úpravy
Šablóna dodaná v súboroch témy môže byť po úprave v editore prekrytá databázovou verziou. Vývojár potom zmení súbor, no web naďalej používa starú uloženú kópiu. Tím musí vedieť, ktoré šablóny sú prispôsobené a ako sa rozhoduje medzi exportom zmeny do témy, ponechaním v databáze alebo obnovením pôvodnej verzie.
Produkčný dizajn udržujte vo verzovanom repozitári, ak má prechádzať medzi prostrediami a kontrolou kódu. Redakčné zmeny obsahu nech zostávajú v databáze. Pri prenose šablóny zo stagingu dávajte pozor, aby ste neprepísali novšie produkčné menu alebo globálny obsah. Postup vydania musí pomenovať každú vrstvu a jej zdroj pravdy.
- Inventúra databázovo upravených šablón
- Zdroj pravdy pre dizajn v repozitári
- Oddelenie obsahu od vydania témy
- Kontrolovaný export a návrat
Zaveďte testovací a schvaľovací proces
Pred zavedením vytvorte reprezentatívne šablóny a nechajte redaktorov splniť konkrétne úlohy. Sledujte, či vedia nájsť správny vzor, rozlišujú globálnu zmenu a dokážu zobraziť náhľad. Školenie má pokryť aj revízie, obnovu a nahlásenie chyby, nie iba zoznam tlačidiel. Zbytočné možnosti odstráňte skôr, než sa stanú súčasťou návyku.
Pri aktualizácii WordPressu alebo témy testujte šablóny, template parts, navigáciu, štýly jadrových blokov a existujúce vlastné bloky. Vizuálny regresný zoznam zahŕňa domovskú stránku, článok, archív, formulár a 404. Zmeny globálnych častí schvaľuje určený vlastník. Full Site Editing potom prináša flexibilitu bez toho, aby každý redaktor niesol riziko celého webu.
Časté otázky
Čo je Full Site Editing vo WordPresse?
Je to blokový spôsob úpravy šablón, globálnych častí a štýlov webu v Site Editore. Funguje s blokovou témou a rozširuje blokový editor za hranice obsahu jednej stránky.
Môže každý redaktor meniť hlavičku webu?
Technicky to závisí od rolí a nastavení, no prevádzkovo to nebýva vhodné. Globálne časti by mala upravovať vyškolená rola so schvaľovaním a náhľadom, zatiaľ čo bežný redaktor tvorí obsah.
Prečo sa zmena súboru šablóny neprejavila?
Site Editor môže mať v databáze uloženú prispôsobenú verziu, ktorá prekrýva súbor témy. Skontrolujte stav šablóny a vedome rozhodnite, či úpravu exportovať, ponechať alebo obnoviť bez straty práce.
Zdroje a ďalšie čítanie
Web developer zo Spišskej Novej Vsi. Venuje sa WordPressu, WooCommerce, vlastným pluginom, API integráciám, webovým aplikáciám a praktickým AI automatizáciám.
