WordPress a Gutenberg: Jak co nejlépe využít nový editor
Gutenberg revolucionalizoval úpravu obsahu ve WordPressu zavedením systému bloků, který činí tvorbu obsahu intuitivnější a flexibilnější. Zaveden s WordPress 5.0 v prosinci 2018, Gutenberg nahradil klasický editor TinyMCE a přinesl modernější přístup ke správě obsahu. V tomto článku se podíváme na to, jak maximálně využít možnosti Gutenbergu ke zlepšení editace a tvorbě profesionálních stránek bez potřeby kódování.
1. Pochopení konceptu bloků
Editor Gutenberg je založen na blocích, což jsou nezávislé jednotky, které mohou obsahovat text, obrázky, videa, tlačítka a mnoho dalšího. Tento systém umožňuje modulární uspořádání obsahu, což poskytuje větší kontrolu a přizpůsobení.
Hlavní typy bloků:
- Blok Odstavec: pro psaní textu.
- Blok Obrázek: pro vkládání obrázků.
- Blok Galerie: pro vytvoření sbírky obrázků.
- Blok Video: pro vkládání multimediálního obsahu.
- Blok Tlačítko: pro vytváření efektivních výzev k akci (CTA).
- Blok Vlastní HTML: pro přidání vlastního HTML kódu.
2. Pokročilé přizpůsobení bloků
Každý blok má specifická nastavení, která lze upravit pomocí postranního panelu Gutenbergu. Například můžete:
- Upravit písmo a velikost textu.
- Změnit barvy pozadí a textu.
- Přidat vlastní okraje a vnitřní odsazení.
- Aplikovat pokročilé efekty, jako jsou stíny a gradientní pozadí.
3. Pokročilé rozvržení pomocí skupin a sloupců
Gutenberg umožňuje vytvářet složité rozvržení bez potřeby externích pluginů.
- Blok Skupina: umožňuje seskupovat více bloků do jedné jednotky pro lepší správu designu.
- Blok Sloupce: umožňuje rozdělení obsahu do více sloupců, což usnadňuje organizaci informací.
- Blok Cover: užitečný pro zvýraznění obsahu s obrázky na pozadí a překrytým textem.
4. Opakované využití bloků
Pokud často používáte určitý blok (například kontaktní formulář nebo výzvu k akci), můžete jej uložit jako znovupoužitelný blok. To umožňuje jeho vložení do jakékoli stránky bez nutnosti opětovného vytváření.
Jak vytvořit znovupoužitelný blok:
- Vyberte blok, který chcete uložit.
- Klikněte na tři tečky v nabídce bloku.
- Vyberte „Přidat do znovupoužitelných bloků“ a pojmenujte ho.
- Blok bude dostupný pro opětovné použití na jakékoli stránce.
5. Rozšíření funkcí pomocí pluginů pro Gutenberg
Přestože Gutenberg nabízí kompletní sadu nástrojů, existují pluginy, které přidávají pokročilé bloky pro vylepšení editace. Mezi nejlepší patří:
- Kadence Blocks: nabízí pokročilé bloky pro personalizované rozvržení.
- Spectra (dříve Ultimate Addons for Gutenberg): obsahuje bloky pro reference, akordeonové prvky, pokročilé tabulky a další.
- Stackable: přidává profesionální designové prvky s širokou škálou přizpůsobení.
6. Optimalizace pro SEO a rychlost
Použití Gutenbergu může zlepšit SEO vašeho webu díky čisté struktuře a efektivnímu využití kódu. Pro další optimalizaci:
- Vyhněte se těžkým blokům, které mohou zpomalit web.
- Používejte optimalizované obrázky pro zkrácení doby načítání.
- Přidejte alternativní text k obrázkům pro lepší přístupnost a SEO.
- Používejte cache pluginy a kompresi pro zlepšení výkonu.
Závěr
Gutenberg proměnil WordPress v moderní a flexibilní editor. Využitím jeho funkcí naplno můžete vytvářet vysoce přizpůsobené stránky a články bez nutnosti programování. Objevte jeho možnosti, vyzkoušejte nové bloky a udělejte svůj web dynamičtější a atraktivnější!
Štítky: Guttemberg, SEO, Woocommerce, WordPress
