Block pattern ve WordPress zajišťují rychlejší procesy a zjednodušují každodenní práci na webových stránkách. Jedná se o předdefinované rozvržení bloků, které lze vkládat a upravovat na různých místech s minimálním úsilí. V tomto článku vám představíme seznam vzorů od WordPress a Block Pattern Creator.

Většina webových stránek se skládá z opakujících se struktur. Tyto takzvané patterns jsou předdefinované bloky ve WordPressu, které své místo najdou místo v různých oblastech webu. V případě potřeby je lze také individuálně nastavit, zcela nekomplikovaně a rychle.

Jaký je rozdíl mezi opakujícími se bloky a vzory?

Opakující se bloky mohou být podobně jako patterns použity podle potřeby na různých místech webu. Výrazně se však od sebe liší v jednom bodě: jakmile je změněn opakující se blok, změní se také všechny odkazy. Blok lze tedy nastavit na centrálním místě a změna se pak přenese na všechny stránky, na kterých byl blok použit.

Přesně naopak je tomu u patterns: Po vložení již vzory nejsou propojeny s původní předlohou. Předlohu lze kdykoli bez problémů upravit, aniž by se změnily již použité bloky. 

Tento rozdíl je velkou pomocí pro všechny provozovatele webů, kteří dosud pracovali s opakujícími se bloky. Vzhledem k nedostatku propojení jsou úpravy méně komplikované a usnadňují každodenní práci.

Odkdy existuje seznam vzorů od WordPress?

Od aktualizace WordPress 5.5 mohou provozovatelé webových stránek najít patterns vedle opakujících se bloků. Vzory jsou samostatnou kategorií, v níž uživatelé naleznou řadu předloh včetně náhledu. 

Spolu s aktualizací WordPress 5.8 je seznam vzorů od WordPress také online. Podobá se seznamu pluginů nebo šablon od WordPress. Uživatelé tu získají přehled o mnoha předlohách bloků pro Gutenberg Editor. 

Co je seznam block pattern od WordPress?

Přímo na stránkách WordPressu najdou provozovatelé webových stránek velký výběr předloh. Vzory jsou seřazeny podle různých funkcí, včetně tlačítek, kategorií nebo patiček stránky. Je možné zobrazit nejnovější nebo nejoblíbenější předlohy. Pomocí funkce vyhledávání můžete také vyhledat konkrétní klíčové slovo a poté najít všechny vzory, které přesně odpovídají danému tématu.

Jakmile provozovatelé stránek najdou vhodný vzor pro svůj web, mohou se blíže podívat na rozvržení tím, že kliknou na obrázek náhledu. Editor bloků totiž umožňuje individuální návrh zcela bez kódu. Zde mají zájemci možnost kopírovat vzor přímo kliknutím na tlačítko „Copy Pattern“. Ihned poté lze rozvržení zkopírovat do libovolného příspěvku WordPress nebo na jakýkoli web WordPress. 

Chcete-li získat více jistoty, zda se vzor skutečně hodí pro webové stránky, lze velikost individuálně pozměnit. Výchozí velikosti jsou 320 pixelů, 480 pixelů, 960 a 1200 pixelů. Pomocí ukazatele myši lze předlohu také změnit na libovolnou velikost. To je obzvláště důležité, chcete-li zjistit, zda je vzor vhodný také pro mobilní zobrazení. 

V dolní části jsou zobrazeny další vzory designerů, jsou-li tedy nějaké k dispozici. Pokud se provozovatelům stránek líbí přímo jeden z nich, zkopíruje ho pomocí tlačítka „Kopírovat", aniž by musel vzor zobrazovat. 

Tři užitečné vzory, které usnadňují každodenní práci

Pro lepší přehled o různých předlohách v seznamu block pattern uvádíme níže tři praktické vzory.

Ceník

Zaprvé to je vzor „Pricing table“. Tato předloha je užitečná zejména pro všechny provozovatele webových stránek, kteří prodávají produkty nebo služby a chtějí zobrazit různé tarify s cenovou tabulkou. V předloze jsou celkem tři sloupce, odlišující se barvou.

Vzor O mně

Nebo také vzor „About Me Cards“. S touto šablonou mohou provozovatelé webů udělat stránku "O mně" graficky krásnější. Mnoho lidí zde používá jen prostý text, aby se představilo. Pomocí tohoto vzoru však lze propojit tři podstránky, například vlastní příběh, kontakt a kanály sociálních médií. 

Vzor Citát

Se vzorem „Quote“ máte možnost jasně a snadno integrovat na své stránce či v příspěvcích citáty. Nad samotnou citaci se nechá vložit obrázek a pod citaci se vkládá autor citátu. Nejdůležitější citace tak již nemusíte označovat výhradně uvozovkami, ale můžete je zdokonalit i graficky.

Proč má smysl používat block pattern od WordPressu?

Prostřednictvím vhodných blokových vzorů, které odpovídají příslušnému tématu a stránce, mají provozovatelé webových stránek možnost vizuálně prezentovat svůj obsah. To usnadňuje návštěvníkům přímé pochopení obsahu. Zejména pro nezkušené lidi jsou předlohy jednoduchým a rychlým způsobem, jak vizualizovat obsah. 

Mnoho WordPress šablon je již vybaveno odpovídajícími vzory nebo máte možnost vytvořit si vlastní vzory (více o tom v článku). Seznam block pattern však nabízí velký výběr předloh, které podporují každodenní práci. Pokud již v seznamu existuje vhodný vzor, nemusí být přeprogramován, ale lze jej použít přímo několika kliknutími.

Vzhledem k tomu, že vzory lze také snadno přizpůsobit, mohou je provozovatelé webových stránek také individualizovat podle potřeby. Uživatelé proto mají možnost přizpůsobit všechny vzory ze seznamu, dokud nebudou odpovídat příslušné webové stránce nebo značce.

Navrhněte si vlastní vzor bloků pomocí nástroje Block Pattern Creator: Je to tak snadné

Výběr blokových vzorů je již v seznamu WordPress velmi velký. A pokud předloha v zásadě vyhovuje, ale vy přesto musíte provádět změny, jde to bez problémů. Pokud však provozovatelé webových stránek nenajdou vhodný vzor pro konkrétní účel nebo by chtěli vytvořit předlohy, je to možné. 

Dříve byl vzor vytvořen v Editoru bloků, aby bylo možné zkopírovat vytvořený kód a poté jej vložit na požadované místo v kódu šablony. Od března 2022 je tento proces mnohem jednodušší: WordPress vydal Block Pattern Creator. 

Jedná se o nástroj pro snadné vytváření vlastních blokových vzorů a jejich sdílení přímo v seznamu vzorů bloků s ostatními uživateli. A to na rozdíl od původního postupu zcela bez kódu. 

Výhodou je, že zejména nezkušení uživatelé, kteří nejsou obeznámeni s kódem, mohou také vytvářet své vlastní vzory a pak je snadno kopírovat pro vlastní stránky.

WordPress poskytl několik pokynů pro vytváření vlastních vzorů v nástroji Block Pattern Creator. Aby mohli autoři odesílat své vlastní vzory, musí vlastnit autorská práva k vytvořenému obsahu. Kromě toho je nelegální obsah okamžitě odstraněn. Všechny vzory musí být vytvořeny a předloženy v angličtině a musí mít příslušný popisný název. Pokud například tvůrci použijí názvy „Test“ nebo „My Pattern“, registrace vzoru je hned odmítnuta. 

WordPress dává tvůrcům několik tipů, jak vytvořit dobré vzory. Dobré vzory například kombinují několik bloků navzájem. Jde o takové předlohy, které by normálně bylo komplikované vytvářet od nuly. Dobrý vzor také zdůrazňuje možnosti bloků, které obsahuje, a poskytuje optimální výchozí bod pro přizpůsobení obsahu. Dobrý vzor má také jasně definovaný účel a omezuje zástupný text na minimum.

Vzory by zároveň nikdy neměly zabírat celou stránku nebo celý článek blogu. Velmi jednoduché vzory, jako je prostý odstavec v barvách, obvykle uživatelům neušetří čas. Kromě toho by vzor neměl být omezen na jedno téma, ale měl by být použitelný i pro další témata a stránky.

Závěr: Seznam block pattern od WordPress šetří čas

Seznam block pattern může usnadnit každodenní práci. Zvláště když provozovatelé webových stránek hledají určité layouty, ale nemají čas vytvářet vlastní. V tomto seznamu vidí uživatelé všechny vzory, seřazené dle účelu, a mohou je zkopírovat jediným kliknutím a pak vložit na požadované místo na stránce nebo v článku.

Chcete-li vytvořit vlastní vzory bloků a sdílet je s ostatními uživateli, lze to snadno provést pomocí nástroje Block Pattern Creator. Jedna zvláštnost: Není nutné pracovat v kódu v žádném bodě. Uživatelé se pouze přihlašují do bloku Pattern Creator a mohou vytvářet vlastní šablony. Ty jsou pak, pokud splňují pokyny WordPress, trvale k dispozici pro vlastní použití.