Průvodce editorem WordPress Gutenberg

Co je editor Gutenberg

Gutenberg je blokový editor, který od verze WordPress 5.0 nahradil klasický editor WordPressu (TinyMCE). Místo jednoho velkého textového pole používá Gutenberg systém bloků, kde každý prvek obsahu – odstavec, obrázek, nadpis, seznam, video – je samostatný blok, který můžete nezávisle upravovat, přesouvat a stylovat.

Byl pojmenován po Johannesi Gutenbergovi, vynálezci knihtisku s pohyblivými literami. Stejně jako Gutenbergův lis zrevolucionizoval tvorbu obsahu v 15. století, editor WordPress Gutenberg revolucionalizuje způsob, jakým tvoříme webový obsah.

Pokud přicházíte z klasického editoru, přechod na Gutenberg může zpočátku působit matoucím dojmem. Náš návod na tvorbu webu ve WordPressu pokrývá základy, které vám pomohou. Jakmile ale zvládnete základy, Gutenberg nabízí výrazně větší flexibilitu a kontrolu nad vzhledem obsahu bez nutnosti HTML nebo CSS.

Práce s bloky – základy

Přidávání bloků

Nový blok přidáte kliknutím na modré tlačítko „+“, které se objevuje mezi bloky nebo v levém horním rohu editoru. Otevře se nabídka se všemi dostupnými bloky roztříděnými do kategorií: Text, Média, Design, Widgety, Šablona a Vkládání. Bloky můžete také rychle vyhledat tak, že do prázdného odstavce jednoduše napíšete „/“.

Nejčastější bloky

• Odstavec: Základní textový blok. Podporuje tučné písmo, kurzívu, odkazy a vložené formátování.
• Nadpis: Nadpisy od H2 po H6. Používejte je ke strukturování obsahu (H1 je obvykle název příspěvku).
• Obrázek: Vkládání obrázků s možnostmi velikosti, zarovnání, alt textu a odkazu.
• Seznam: Odrážkové a číslované seznamy s vnořenými položkami.
• Citace: Zvýrazněné citace se stylizovaným vzhledem.
• Galerie: Galerie obrázků s automatickým rozvržením a zobrazením v lightboxu.
• Cover: Obrázek s textem přes něj – skvělé pro sekce s obrázkem na pozadí.
• Sloupce: Uspořádání obsahu do sloupců (2, 3 nebo více) pro složitější rozvržení.

Úprava a přesouvání bloků

Každý blok má panel nástrojů, který se po výběru objeví nad ním. Panel obsahuje možnosti specifické pro daný typ bloku. Na pravé straně editoru nabízí panel nastavení další možnosti pro vybraný blok (barvy, typografie, mezery).

Bloky můžete přesouvat metodou drag-and-drop nebo pomocí šipek nahoru/dolů v panelu nástrojů. Bloky můžete také seskupovat, kopírovat, duplikovat nebo převést na jiný typ (například odstavec na nadpis).

Pokročilé bloky

Blok Skupina

Blok Skupina umožňuje sloučit více bloků do jednoho celku. To je užitečné, když chcete na skupinu bloků aplikovat společnou barvu pozadí, mezery nebo ohraničení. Můžete například seskupit nadpis, odstavec a tlačítko do „karty“ s barvou pozadí a zaoblenými rohy.

Blok Sloupce

Blok Sloupce vytváří vícesloupcové rozvržení. Můžete si vybrat z přednastavených variant (50/50, 33/33/33, 25/50/25 atd.) nebo ručně nastavit šířku každého sloupce. Do každého sloupce můžete přidat libovolné bloky. Na mobilu se sloupce automaticky skládají pod sebe.

Blok Tabulka

Pro tabulková data nabízí blok Tabulka jednoduchý způsob, jak vytvářet tabulky bez HTML. Můžete nastavit počet řádků a sloupců, stylovat záhlaví i zápatí tabulky a aplikovat pruhované stylování pro lepší čitelnost. U složitějších tabulek zvažte plugin jako TablePress.

Znovupoužitelné bloky (Synced Patterns)

Od verze WordPress 6.3 byly znovupoužitelné bloky přejmenovány na „Synced Patterns“ (synchronizované vzory). Jde o jednu z nejmocnějších funkcí Gutenbergu. Libovolný blok nebo skupinu bloků si můžete uložit jako vzor a poté ho použít na více stránkách.

Klíčový rozdíl: když změníte synchronizovaný vzor, změna se automaticky promítne do VŠECH stránek, kde je tento vzor použit. To je ideální pro prvky, které se na stránkách opakují – výzvy k akci (CTA), kontaktní údaje, propagační bannery, formuláře pro odběr newsletteru.

Synchronizovaný vzor vytvoříte takto: vyberte blok nebo bloky, klikněte na tři tečky v panelu nástrojů, zvolte „Create pattern“ a pojmenujte ho. Na jiné stránce ho vložíte tak, že ho najdete v sekci Vzory v nástroji pro vkládání bloků.

Klávesové zkratky

Klávesové zkratky dramaticky urychlují práci v Gutenbergu. Ty nejužitečnější:

• / (lomítko): V prázdném odstavci otevře rychlé vyhledávání bloků.
• Ctrl+Shift+D: Duplikuje vybraný blok.
• Ctrl+Alt+T: Přidá nový blok nad aktuální.
• Ctrl+Alt+Y: Přidá nový blok pod aktuální.
• Ctrl+Shift+Z: Znovu (redo).
• Ctrl+Z: Zpět (undo).
• Escape: Vybere blok (přepne z režimu úprav do režimu výběru).
• Enter: Vytvoří nový blok níže.
• Ctrl+Shift+,: Skryje/zobrazí postranní panel nastavení.
• Shift+Alt+H: Zobrazí všechny dostupné klávesové zkratky.

Na Macu používejte místo Ctrl klávesu Cmd. Tyto zkratky fungují ve všech moderních verzích WordPressu.

Tipy pro efektivnější práci

Použijte „List View“ (Ctrl+Alt+O) k zobrazení struktury všech bloků v hierarchickém přehledu – obzvlášť užitečné u dlouhých stránek. Vyzkoušejte režim „Fullscreen“ pro práci bez rozptylování. Použijte možnost „Top Toolbar“, pokud vám vadí, že panel nástrojů vyskakuje nad každým blokem. Často používané bloky uspořádejte do vzorů pro rychlejší tvorbu obsahu.

Závěr

Editor Gutenberg je mocný nástroj, který proměňuje způsob, jakým tvoříte obsah ve WordPressu. Blokový přístup vám dává vizuální kontrolu bez kódu, synchronizované vzory šetří čas u opakujícího se obsahu a klávesové zkratky urychlují každodenní práci. Investujte čas do učení Gutenbergu – mnohonásobně se vám to vrátí. Pro optimální výkon editoru používejte hosting optimalizovaný pro WordPress pro rychlejší a lepší tvorbu obsahu.