Blockera: když chcete WordPress s blokovým editorem Gutenberg na steroidech

Myslím, že je to první letošní softwarová záležitost, u které jsem si řekl: ty jo, tak tohle musím ještě dneska vyzkoušet. Všelijakých snah přidat do WordPressu další nejlepší builder je světě je přehršel. Blockera je jiná. Vtip je totiž v tom, že nejde o nový builder. Prostě se jen pěkně integruje do stávajícího blokového editoru, jehož možnosti a funkce vylepšuje.

Kolegové v agentuře mi často ukazují různé pokročilé nástroje, které umožňují komukoli s grafickým cítěním postavit nádherný web bez toho, že by rozuměl programování. Problém je, že to dost často nelze použít na složitější struktury webů s automatizovanými výpisy dat. Nebo postrádá administraci obsahu. Blockera tento problém bourá, protože využívá rovnou ten nejpopulárnější redakční systém.

Blokový editor v základu WordPressu určitě znáte. Vyberete si z několika desítek prvků, bloků a poskládáte si z nich stránku, v případě podporovaného tématu vzhledu dokonce celý web od hlavičky až dolů.

Gutenberg, jak zní jeho původní název a název samostatného projektu, je uzpůsoben jednoduchému ovládání. Nebudu teď polemizovat, jestli je pochopitelný pro laika, ale berme jako fakt, že v nastavení vizuálních vlastností prvků na stránce nejde příliš do hloubky. Kdo potřebuje více možností, doprogramuje si buď vlastní bloky nebo sáhne do CSS.

No-code platformy naopak často jdou více do hloubky. Autor Blockera se tím inspiroval a přinesl podobnou funkcionalitu do WordPressu.

Image

Instalace bez problémů na nový i existující web

Tím, že jde o rozšíření výchozího blokového editoru, je Blockeru možné použít už na existujících projektech. Jakmile plugin zapnete a půjdete do editace obsahu, uvidíte v nastavení jednotlivých bloků v postranním panelu množství voleb navíc.

Stavy

Odkazy, tlačítka či jiné prvky často chcete vizuálně upravit ve chvíli, kdy na ně najedete myší. Byť v blokovém editoru nastavíte řadě prvků barevnost, už nepracuje se změnou stavů. Blockera umožňuje v bezplatné verzi přidat hover a naklikat mu vzhled, v budoucí placené verzi Pro nabídne o stavy jako active, focus nebo práci s before a after.

Podmínky

Zatím nejsou dostupné, ale jednoduše budete moci naklikat, že se prvek zobrazí například jenom přihlášeným uživatelům.

Vlastní HTML atributy

Pro experty se plánuje nastavení libovolných HTML atributů. Prozatím není aktivní, pravděpodobně bude v placené verzi.

Odsazení

Jednoduše nastavíte vnitřní i vnější odsazení, odděleně pro jednotlivé strany či spojené. Líbí se mi, že se pracuje s předdefinovanými hodnotami, takže není nutné psát a pamatovat si konkrétní čísla. K dispozici bude časem i vkládání vlastních proměnných.

Typografie

Nastavení fontu, jeho velikosti, řezu písma, výšky řádku, stínování, zarovnání, dekorací nebo třeba barev, to vše jde díky Blockera rovnou z administrace webu. 

Pozadí

Gradienty, obrázky i jednobarevná pozadí. Opět vše nastavíte jednoduše z administrace bez psaní CSS. Snadno mimochodem naklikáte i paralaxový efekt, tedy posouvání obsahu po obrázku na pozadí během skrolování.

Image

Layout a pozicování

Blockera dovede nastavovat způsob zobrazení bloku z pohledu layoutu, takže snadno vyřešíte požadavky na nějaké poskládání vnitřních prvků. Pracuje také s velikostí a s přesahy. Takže pokud si trápíte hlavu, jak naklikat prvek přesahující ven z webu, už nemusíte.

Efekty

2D a 3D transformace, přechodové efekty, filtry a stínování. Blockera zde nabízí docela propracované nastavení, které rozhodně není pravidlem u každého builderu. A opět připomínám, tady to máme přímo v Gutenbergu.

Stylování vnitřních prvků

Prozatím nedostupná je možnost nastylování vnitřních prvků, pokud se objeví v daném bloku. Nemusíte tak stylovat přímo ten prvek, ale nachystáte pravidlo a pokud se prvek v bloku při editaci objeví, jeho vzhled už bude nachystaný. Chytré.

Animace

Jestli se na nějakou vychytávku v Blockera opravdu těším, tak jsou to animace. Zatím se tato funkce opět připravuje, ale představte si, že rovnou v Gutenbergu naklikáte, jak se má prvek zachovat při vykreslení stránky, při naskrolování do viditelné oblasti a při kliknutí. Změníte také ikonku kurzoru.

Co udělá Blockera se styly webu?

Protože jsem především programátor a zajímá mě technická stránka hotového webu, byl jsem zvědav, co udělá Blockera se styly webu, respektive kam uloží nadefinovaná pravidla pro jednotlivé prvky.

Přiznám se, že tohle bylo trošku zklamání. Styly jsou zapsány přímo inline do HTML atributu style u daného prvku. Rád bych, kdyby Blockera časem dovedla vygenerovat samostatný stylesheet, který se do stránky napojí a bude obsahovat stylopis pro prvky, které se na stránce nacházejí. Na druhou stranu, je stále v rané fázi vývoje, tak mě třeba časem potěší.

Podporované bloky

Líbí se mi, že Blockera jde cestou podpory výchozích bloků místo zaplevelení webu dalšími prvky. V nastavení pluginu si můžete podporu pro vybrané bloky vypnout, pokud by vás obtěžovala.

Verze Pro a téma vzhledu Blockera One

Několikrát jsem zmínil, že některé funkce budou dostupné ve verzi Pro. Budou. Blockera je v tuto chvíli zdarma a placená verze s více funkcemi se připravuje. Myslím, že autor sonduje zájem. Stejně tak chystá téma vzhledu Blockera One, které by mělo nabídnout vzhled propojený na takto vylepšený blokový editor a usnadnit tvorbu webu na jeho základě.

Určitě doporučuji si Blockera vyzkoušet, i když třeba zjistíte, že zatím postrádáte ty pokročilejší funkce. Když už ji nyní nepoužijete, určitě se vyplatí tento plugin alespoň sledovat. Domovská stránka: Blockera.ai.