WordPress editor Gutenberg dostal v verzi 23.3 hned několik výrazných vylepšení, která mění způsob, jakým designéři a vývojáři pracují s obsahem. Pseudo-state styling pro jednotlivé bloky, responsivní styly na úrovni instancí a modernizovaný media editor – to jsou novinky, které stojí za pozornost každého, kdo WordPress aktivně používá.
Pseudo-state styling: hover a focus přímo na bloku
Jednou z nejvýznamnějších novinek Gutenbergu 23.3 je podpora pseudo-stavových stylů (:hover, :focus, :visited) na úrovni jednotlivých instancí bloku. Dosud bylo nutné upravovat globální styly v editoru Site Editor, což znamenalo, že změna hover efektu jednoho tlačítka ovlivnila všechna tlačítka na webu. Nově lze každé tlačítko, nadpis nebo jiný blok nastylovat samostatně – bez dopadu na zbytek webu.
Tato funkce oceníte především při tvorbě landing pages, kde každá sekce vyžaduje vlastní vizuální identitu. Interaktivní prvky (CTA tlačítka, karty, akordeony) nyní reagují na uživatelský vstup přesně podle záměru designéra – a vše se nastavuje přímo v editoru bez nutnosti psát CSS.
Responsivní styly pro jednotlivé bloky
Další velkou novinkou jsou responsivní styly na úrovni instancí bloků. Gutenberg 23.3 přidává layoutové responsivní styly a úpravy UI, které skryjí některé ovládací prvky při výběru stavového stylu. Výsledkem je čistší editor a možnost přesně definovat, jak se konkrétní blok zobrazí na mobilních zařízeních, tabletech a desktopech – a to opět bez nutnosti psát vlastní CSS media queries.
Pro agentury a freelance vývojáře, kteří staví weby na WordPressu, jde o obrovské zrychlení práce. Místo přepínání mezi editorem a vlastním CSS souborem vše řídíte přímo ve vizuálním rozhraní. Klienti navíc mohou editovat obsah sami, aniž by narušili responsivní design.
Nový modální media editor jako výchozí rozhraní
Gutenberg 23.3 také posouvá nový modální media editor do role výchozího rozhraní pro ořezávání obrázků. Ořez, překlápění, rotace a úprava metadat jsou nyní sjednoceny v jednom přehledném dialogu. Oproti původnímu inline editoru je práce s obrázky podstatně intuitivnější a rychlejší.
Zvláště praktické je to pro správce obsahu, kteří pravidelně nahrávají a upravují fotografie. Odpadá nutnost opouštět editor nebo používat externí nástroje – vše od nahrání přes ořez až po nasazení na stránku probíhá na jednom místě.
Dashboard s novými widgety
Experimentální přizpůsobitelný WordPress dashboard pokračuje ve vývoji a Gutenberg 23.3 přidává pět nových widgetů: Site Health, News, Events, Quick Draft a site preview s URL barem. Přidány byly také ghost widgety, size presets a container-breakpoint grid columns – prvky, které dávají editorovi více flexibility při práci s komplexními layouty.
I když jsou tyto funkce stále ve fázi experimentu, naznačují směr, kterým se WordPress editor ubírá: k plnohodnotnému vizuálnímu staviteli webů, který konkuruje specializovaným page builderům jako Elementor nebo Divi.
Jak aktualizovat na Gutenberg 23.3
Gutenberg 23.3 je dostupný jako plugin z repozitáře WordPress.org. Pokud používáte plugin Gutenberg (nikoli jen výchozí editor), aktualizujte jej přes Pluginy → Dostupné aktualizace. Nové funkce jsou automaticky aktivní po aktualizaci – doporučujeme ale nejdříve otestovat na stagingové verzi webu, zejména pokud máte vlastní CSS nebo page builder.
Závěr
Gutenberg 23.3 je dalším krokem k tomu, aby byl WordPress editor skutečně výkonným nástrojem pro profesionální tvorbu webů. Pseudo-state styling, responsivní styly na úrovni bloků a modernizovaný media editor jsou funkce, které výrazně zrychlí workflow designérů i vývojářů. Vyzkoušejte je a dejte nám vědět, jak vám v práci pomohly – napište do komentářů!
