Nejlepší originální bloky WordPress [Rychlý přehled]

Přinášíme vám návod, jak používat editor a bloky Gutenberg ve WordPressu. Přečtěte si novinky o změnách v blocích, které se chystají v nejbližší verzi 5.4. Vybrali jsme pro vás všechny nejčastěji používané bloky, které nesmí chybět na žádném webu. Po vydání zveřejníme další podrobnosti o všech funkcích.

Když WordPress v roce 2018 oznámil nový editor Gutenberg, byli jsme z něj nadšení. Nyní, o pár let později, vidíme obrovské zlepšení. Editor Gutenberg WordPress je skvělý nástroj pro tvorbu webových stránek.

Všechny tyto standardní bloky WordPressu pro editor Gutenberg jsou v našem nejnovějším projektu plně funkční. Zdarma Citadela Téma WordPressu. Můžete jej použít na jakýchkoli webových stránkách, prosím vytvořit účet a stáhněte si ji zdarma.

S AitThemes Citadela pluginy, můžete vytvářet specifický obsah pro prezentaci firemních, obchodních, blogových nebo neziskových webových stránek. Nebo dokonce založit nový internetový podnik. Nejdůležitějšími faktory jsou rychlost a snadnost editace webových stránek.

Co je to blok?

Bloky Gutenberg WordPress jsou stavební jednotky webu. Každý z nich má své zvláštní místo a účel. Je velmi důležité používat správný blok WordPressu pro určitý typ obsahu.

Jak ale najít nejvhodnější blok, který odpovídá vašemu záměru?

Abychom vám pomohli lépe porozumět blokům WordPressu, připravili jsme pro vás tento přehled těch nejoblíbenějších.

Bloky textového obsahu

Existuje několik bloků, které můžete použít k vložení textového obsahu na své webové stránky. Můžete použít několik bloků. Od verze WordPress 5.4 je k dispozici nové nastavení, kterým můžete měnit barvu textu.

• Odstavec
• Hlavička
• Citace
• Seznam
• Vytáhnout citát
• Tabulka
• Verš
• Předformátované stránky

Kromě toho používáte blok Classic, který může být pro dlouhý odstavec praktičtější.

Blok tlačítek

Vytvoření přesvědčivého CTA tlačítka ve WordPressu je díky bloku Button velmi snadné. Nemusíte zadávat vlastní CSS ani rozumět HTML. Můžete - ale nemusíte - zadat hexadecimální kód své oblíbené barvy, aby tlačítko vypadalo hezky a poutavě.

Kde použít blok tlačítek?

Jakmile se návštěvník webu dostane na vaše webové stránky, chcete ho přimět k akci. K tomu slouží tlačítka CTA.

Obecně existují 3 místa, kde byste měli blok tlačítek WordPress použít:

• Úvodní stránka - k provedení akce, která povede ke splnění cíle, například k přihlášení k odběru newsletteru, k objevení speciální nabídky nebo k registraci do bezplatné zkušební verze.
• Stránka produktu - v závislosti na způsobu vedení stránky produktu může být na stránce 1 tlačítko CTA (Koupit) nebo více tlačítek, např. podrobnosti o produktu, koupit, přidat do seznamu přání atd.
• Blog - tlačítka CTA mohou odkazovat na další užitečný článek nebo nákup vašeho produktu/služby.

Nastavení bloku tlačítek

V Inspectoru na pravé straně můžete snadno spravovat nastavení tlačítka:

• Styl
• Barva pozadí
• Barva písma
• Hranice

Text na tlačítku CTA by měl být krátký a přímočarý a měl by návštěvníky webu vybízet k akci, kterou chcete provést.

Novinky v příští verzi WordPressu 5.4 (vydání 31. března 2020)

Blok tlačítek bude nahrazen novým blokem Buttons blok.
Podle nového názvu lze předpokládat, že v jednom blokovém kontejneru bude možné vytvořit více tlačítek vedle sebe. Často je potřeba vytvořit například dvě CTA najednou: Koupit nyní a Přečíst více. Přibudou také některá nová nastavení stylů a barev. Zvolte styl Výplň nebo Obrys a poté barvu pozadí. Můžete si vybrat Jednolitý nebo Přechodový podklad. K dispozici budou některé předvolby jako výchozí bod pro snadnější doladění. Dobrou zprávou je, že všechny stávající bloky tlačítek budou funkční a není třeba je migrovat.

Blok sloupců

Blok Sloupce je úžasný blok WordPressu, který otevírá dveře novým rozvržením. Dává vám více možností uspořádání prvků stránky, což vede k více alternativám designu.

Práce s blokem Sloupce je snadná:

• Žádná další instalace zásuvných modulů.
• Není nutné žádné kódování.
• Stačí mít jen trochu smyslu pro elegantní design.

Ve srovnání s předchozími problémy, které jste museli projít před vydáním editoru bloků WordPress, je použití bloku Sloupce WordPress velmi jednoduché.

Jak používat blok Sloupce?

Jak je uvedeno výše, blok Sloupce lze použít dvěma způsoby:

• Uspořádání toku textů (v příspěvku na blogu nebo na běžné stránce).
• Uspořádání dalších bloků do sloupců.

Uspořádáním textu do sloupců, např. v rámci příspěvku na blogu, zvyšujete čitelnost a zpřehledňujete a zpříjemňujete své webové stránky.

Pokud však použijete blok Sloupce pro vnoření dalších bloků, jako jsou obrázky, texty a tlačítka, změníte celé rozložení vybrané stránky a vytvoříte nové návrhy.

Nastavení bloku sloupců

Po vložení bloku Sloupce na stránku vyberte, kolik sloupců chcete. Může to být libovolný počet od 2 do 6 sloupců. Poté můžete začít psát text nebo přidávat bloky do jednotlivých sloupců.

Zarovnání obsahu bloku sloupců lze nastavit samostatně pro celý blok i pro jednotlivé sloupce. Můžete dokonce zvolit poměr šířky sloupce. Jeden sloupec tak může být širší než druhý.

Krycí blok

Promluvme si o záhlaví vašich webových stránek. Je to část, která určuje první dojem, když někdo přijde na vaši domovskou stránku. Docela důležité, že? A věděli jste, že blok Cover lze použít jako záhlaví na kterékoli vaší stránce?

Obálka je základním blokem WordPressu, který vám pomůže zapůsobit na návštěvníky webu. Zvláště když je správně použit, nebo lépe řečeno, když je elegantně integrován do designu vašeho webu.

Kde použít blok Cover?

Jak bylo uvedeno výše, blok Cover lze použít na libovolné stránce. Navíc jej lze přidat kamkoli na stránku, na rozdíl od záhlaví webu, které je pevně umístěno v horní části webu.

Krycí blok lze použít jako:

• Záhlaví libovolné stránky, včetně domovské stránky.
• Obrázek nebo video přepsané textem použitým na stránce produktu.
• Oddělovač obsahu v příspěvku na blogu.

Nastavení krycího bloku

Nastavení bloku Cover je velmi jednoduché. Nejprve si vyberte obrázek nebo video jako pozadí. Místo toho můžete použít také jednu barvu. Až budete mít pozadí nastavené, přidejte nadpis a podnadpis. 

Můžete zvolit zarovnání bloku a samozřejmě i zarovnání textu v něm.

Zarovnání krycího bloku nabízí následující možnosti:

• Zarovnat vlevo
• Středisko Align Center
• Zarovnat doprava
• Široká šířka
• Na celou šířku

Osobně mám nejraději barevné překrytí, které je k dispozici v inspektoru - obrázek na pozadí bloku Cover lze tónovat do libovolné barvy. Spolu s přizpůsobenou velikostí a barvou písma můžete vytvořit krásné kontrasty a konečný vzhled vašeho krycího bloku bude ohromující.

Od verze WordPress 5.4 si můžete vybrat gradientní pozadí namísto jednolitého.

Blok galerie

Prezentujte obrázky na svých webových stránkách pomocí bloku Galerie. Tento standardní blok WordPressu byl navržen tak, aby pojal vaše obrázky a pěkně je zobrazil na jakékoli stránce vašeho webu. Podobně jako ostatní bloky WordPressu lze blok Galerie umístit kamkoli na webové stránce nebo v rámci příspěvku blogu.

Obrázky můžete nahrát výběrem souborů z knihovny médií, z počítače nebo pomocí funkce drag&drop.

Kde použít blok Galerie?

V závislosti na typu vašich webových stránek můžete chtít vytvořit komplexní fotogalerii nebo jednoduchou prezentaci obrázků. Blok Galerie můžete použít na:

• Vaše domovská stránka
• Jednotlivé podstránky vytvořené jako alba vaší fotogalerie
• Stránky produktu
• Blogpost

Nastavení bloku galerie

Kromě různých možností zarovnání samotného bloku Galerie je v tomto bloku několik zajímavých možností, jako např.:

• Počet sloupců, do kterých jsou obrázky seřazeny.
• Oříznutí obrázku tak, aby odpovídal stejné velikosti (nejmenšího obrázku).
• Hypertextový odkaz, který vám umožní odkazovat na jinou stránku nebo mediální soubor.

Blok obrázků

Blok obrázku není nic jiného než blok pro zobrazení obrázku na vašich webových stránkách.

Přesně tak. Pokud chcete pouze přidat obrázek na některou ze svých stránek, měli byste použít blok Obrázek WordPress. Je sice podobný ostatním prezentovaným blokům, ale jsou zde významné rozdíly, díky kterým je ideální pro jednotlivé obrázky.

Kdy použít blok obrázků?

Blok obrázku by měl být použit zejména tehdy, když je objekt zobrazený na obrázku pro návštěvníka webu obzvláště důležitý:

• Upoutejte pozornost návštěvníků webu konkrétním obrázkem.
• Zobrazení obrázku s popiskem.
• Zobrazte infografiky, které návštěvníkům pomohou lépe porozumět probírané problematice.

Nastavení bloku obrázků

Jednou z největších výhod bloku Obrázek ve WordPressu jsou možnosti velikosti obrázku. Velikost obrázku můžete snadno změnit vytažením za jeho roh, zvolit pevnou velikost v pixelech nebo definovat velikost v procentech.

Další významnou možností jsou vstupní pole pro alternativní text, titulek a odkaz. Důrazně doporučuji tato pole používat, protože hrají důležitou roli v SEO na stránce.

Blok médií a textu

Přejděme k pokročilejším rozvržením stránek, které můžete vytvořit pomocí bloku Média a text. Tento základní blok WordPressu umožňuje kombinovat média a text vedle sebe, a to estetickým a kontextuálním způsobem.

Kde použít blok Média a text?

Ačkoli je blok Média a text nejvhodnější pro použití v příspěvcích na blogu, s trochou fantazie jej můžete použít i jinde. Pomocí obrázku a textu vedle sebe můžete například vytvořit pěkný přehled produktů nebo služeb.

Nezapomeňte do textové části bloku Média a text přidat blok Tlačítko, pokud je použit jako přehled produktů/služeb. Tímto způsobem můžete navrhnout pěknou sekci CTA na libovolné stránce.

Výhody bloku Média a text

• Spojení obrazu a textu, které do sebe kontextuálně zapadají.
• Zamezení chybnému umístění obrázku v rámci blogpostu.
• Pomoc s odezvou webu (použijte funkci "Stack on mobile").

Nastavení médií a textových bloků

Při pohledu na nastavení bloku Média a text si všimnete několika možností zarovnání, z nichž některé jsou ve srovnání s většinou ostatních bloků jedinečné.

Zajímavým a užitečným nastavením tohoto bloku je barva pozadí. Vybarvením oblasti kolem obrázku a textu, které k sobě patří, můžete vizuálně zvýraznit jejich spojení.

Vložení odkazu z WordPressu verze 5.4 (31.3.2020). Můžete si vybrat z odkazu, mediálního souboru nebo stránky s přílohou.

Tabulkový blok

Blok tabulky je jedním z příkladů toho, jak se WordPress zlepšil po zavedení editoru bloků WordPress ve verzi 5.0 a dalších. Zatímco dříve jste k vložení tabulky do webu WordPressu potřebovali plugin, nyní můžete jednoduše použít blok Tabulka.

Kde použít blok tabulky?

Tabulky hrají velkou roli při poskytování užitečného obsahu přehledným a transparentním způsobem. Většina webových stránek jistě používá tabulky. Zde je jen několik příkladů použití tabulek na různých webových stránkách:

• Srovnání dat
• Cenové tabulky
• Technické údaje o výrobku
• Recepty
• Přehled členských balíčků

Mít blok tabulek jako součást bezplatného jádra WordPressu je opravdu úžasné.

Nastavení bloku tabulky

Při vkládání bloku Tabulka do stránky je třeba definovat počet sloupců a řádků tabulky. Nemějte obavy, tento počet není pevně daný. Kdykoli můžete přidat další řádky a sloupce (nebo je odebrat).

Poté vyberte styl stolu: výchozí nebo pruhy. Přejděte na zarovnání a styl písma a nakonec vyplňte tabulku, než ji dokončíte.

Další možnosti zahrnují:

• Barva pozadí
• Buňky s pevnou šířkou
• Záhlaví
• Zápatí
• Odkaz (textový záznam v tabulce může odkazovat na jiné stránky)

Který blok byste chtěli vidět příště?

Doufám, že se vám líbilo čtení o našem výběru velmi užitečných bloků jádra WordPressu, které jsou k dispozici zdarma pro všechny. Dejte nám prosím vědět, o kterých blocích byste si rádi přečetli příště nebo které funkce vám v jádru WordPressu ještě chybí. Děkujeme za přečtení!