Bricks recenze
Když jsem potkala Bricks builder poprvé, několik lidí před tím mi nezávisle na sobě řeklo, že je super a hodně ho doporučovalo. Byla jsem trochu skeptická, protože jsem měla v ruce Oxygen, který naprosto splňoval to, co jsem od builderu chtěla. Nicméně… Když jsem Bricks vyzkoušela, zjistila jsem, že Oxygen má ještě rezervy. Bricks je prostě skvělý každým coulem a budu mu držet palce, aby se mu dařilo, mají skvěle našlápnuto 👍
Níže zmiňuji hlavně to, čeho si na Bricks cením a nebo to považuji ta výhodu vzhledem k ostatním builderům. Nepočítejte s tím, že vás bude nějak rozmazlovat a že je to nějaké klikátko (do tohou jsou jiné buildery)… je to taková tabula rasa od začátku. Ale když ho zkusíte… nebudete chtít jinak 👍
Rychlost
Rychlost webu i builderu
Sama jsem byla překvapená, jak je ten Bricks builder rychlý. Nejen ve výsledcích PSI, když jsem na tom postavila e-shop nebo web, to je samozřejmě super. Ale i rychlost načítání builderu jako takového!
Navíc jeho požadavky na zdroje jsou mnohem menší než u jiných builderů, což vám umožní pořídit levnější hosting a neplýtvat zdroje.
Demo
Mají demo, kde si ho můžete vyzkoušet na vlastní kůži.
Builder
Známé klávesové zkratky
Klávesové zkratky přejímá jako ty klasické, které známe, nebo z Gutenbergu:
- CTRL+C, Ctrl+V – kopírovat a vložit – i mezi stránkami
- Ctrl+Shift+D – duplikovat
- Ctrl+S – uložit
- Ctrl+Z – zpět
Má jich celkem dost.
Globální nastavení
Bricks používá globální nastavení, tzv. Theme styles (dalo by se přeložit jako Sada stylů). Tím je možné nastylovat jednotně téměř vše, včetně barev, jednotlivých modulů a dalších věcí.
Těchto globálních nastavení navíc můžete mít víc, takže si můžete definovat jednu sadu pro celý web a jinou sadu jen pro Landing pages… jak libo. Případně dělat vizuální verze.
Pokud obětujete čas tomu, že si globální nastavení připravíte opravdu důkladně, vrátí se vám to mnohokrát později v podobě ušetřeného času.
Reset vlastností
Když chcete vrátit do defaultního nastavení (Bricks nebo globálních nastavení) změny, které jste udělali, můžete
- resetovat celý modul (kruhovou šipkou)
- resetovat celou skupinu pravidel (např. celý Layout)
- resetovat konkrétní pravidlo.
K resetu slouží malá žlutá kulička, která zároveň indikuje, že jsou pravidla nastavená jinak proti defaultu. Z pohledu UX – boží! A když na kuličku kliknete, pravidla se resetují do defaultu.
Moduly
Modulů umí Bricks builder opravdu hodně, proto si dovolím zmínit ty, které součástí builderů tak často nejsou:
- formuláře, které nastylujete libovolně, včetně automatických e-mailů a ukládání odpovědí,
- lightbox pro obrázky i galerie,
- filtr pro woocommerce produkty (a mnoho dalších modulů pro woocommerce),
- filtr pro vlastní taxonomie (tedy pro příspěvky nebo vlastní ACF pole),
Nastavení modulů
Moduly Bricks builderu toho mají k nastavení opravdu hodně a co se tam nevešlo, přidáte si jako vlastní CSS. To nejdůležitější, co umí:
- Flex a grid – levou zadní si nastavíte zarovnání elementů nahoru, dolů, na střed… vlastně kamkoli.
- Můžete vkládat jakékoli jednotky (základ jsou px), včetně doplňujícího !important (což je zbraň hromadného ničení a nejvyšší nouze, ale jde to tam dát).
- Můžete si definovat vlastní body zlomu (4 jsou nastavené v základu) a udělat web super-responzivní.
- Samozřejmostí jsou pseudotřídy (hover, before, after).
- Umí toho mnohem mnohem víc.
Podpora SVG
Už nemusíte řešit pluginy, které vám dovolí nahrát do webu vlastní SVG – Bricks to umí sám o sobě.
Lokální fonty
Do Bricks je nahrajete hravě a nabídne vám je v builderu. Bez nutnosti dalších pluginů.
Spousta rozšíření
Pro Bricks builder existují na trhu desítky rozšíření, které vám rozšíří možnosti builderu jako takového: BricksExtras, BricksCore, atd…
Podmínky
Podmínky jsou snad samozřejmostí. A Bricks je umí skvěle navázat i na ACF data, přihlášené uživatele, cookies… na co si vzpomenete.
Animace
Bricks nemá animace jako takové, ale říká tomu interakce. U elementu si řeknete, na jakou událost má reagovat (kliknutí, scrolování obrazovky, element se objeví na obrazovce… atd), a potom co se má stát (animace, objevení prvku….). Takto můžete dokonce animace spojovat v závislosti na tom, jestli uživatel klik na nějaký prvek dále… atd.
SEO
Čistě hypoteticky byste mohli zahodit i pluginy na SEO, protože Bricks má v sobě tohle nastavení taky. Klíčová slova, popisky, atd… Ale osobně zůstávám u RankMathu, protože je robustnější a umí toho víc.
Šablonovací systém
Bricks builder samozřejmě umí šablony podle typu obsahu. U každé šablony si můžete určit, pro jaký typ obsahu bude (hlavička, patička, archiv, login, logout, woocommerce stránka (dokonce umí i děkovnou stránku!), 404, vyhledávání, cokoli…), Dokonce umí šablonu pro login, zapomenuté heslo a registraci.
V rámci šablony jako takové pak zvládne i další doplňující podmínky, díky kterým můžete udělat několik hlaviček, patiček, různé archivy produktů a podobně.
Pro vývojáře
“Class-first” přístup
Tenhle přístup, kde se všechno ovládá a formátuje přes CSS identifikátory a třídy, jsem potkala poprvé u Oxygenu a okamžitě jsem si ho zamilovala. A jsem ráda, že Bricks builder ho používá taky.
Díky tomu si nadefinujete styly pod jeden identifikátor a kdekoli ho přiřadíte, aplikují se.
- Např. vytvořím třídu shadow-box, která bude mít pozadí a rámeček, a tuhle třídu pak mohu aplikovat na jakýkoli modul a bude mít stejné stylování.
- Jediná podmínka je ta, aby modul měl vlastní stylování, které ho přepíše.
Vlastní child theme
S balíčkem šablony dostanete i child theme, takže ji nemusíte vytvářet (ale je skoro prázdná, takže to zase tolik nevadí).
ACF + CPT
Integrace Bricks a ACF nebo CPT je úplně boží. A od té doby, co umí i filtr taxonomií, je to úplná paráda tu dělat dynamická filtrovací portfolia, galerie a podobné věci…
Umí je skvěle navázat na interakce, do loopů (vizte níže) a další věci. Je třeba si to osahat, ale je to skvělé!
Bricks: dynamická data
Loop
Loop, repeater, query loop… jakkoli to nazvete, dělá to pořád tu samou věc – v cyklu vám to vypíše data, která máte uvnitř webu. Můžete tak udělat seznam příspěvků, různá vlastní CPT (portfolia, jídelní menu, co si vzpomenete), ale umí vypsat i taxonomie nebo uživatele. To vše samozřejmě se stránkováním.
A komu nestačí jen vypsat typy postů v základu, Bricks ovládá i tax_query a meta_query.
Výsledek
Malý DOM
Výsledné HTML, které vznikne, je úžasně malé. Díky tomu, že Bricks builder nepoužívá žádné wrappery modulů, si strukturu postavíte opravdu tak, jako v čistém HTML. Máte tak v výhodu minimalistického DOMu jako v případě čistého HTML obohaceného o skvělé možnosti builderu. Díky tomu uděláte v Bricks builderu jakýkoli design přesně na míru (bez přehánění).
Minifikace a cache
Dobře si s nimi rozumí a nerozbijí se mu styly, jak se to někdy stává u jiných builderů. I když je sám o sobě dost rychlý, někdy nevadí mu trochu pomoct a odlehčit.
Komunita
Podpora komunity
Na soc. sítích je několik skupin, kde sami autoři reagují na dotazy a přání uživatelů.
Specifika
Vyžaduje znalosti CSS
Počítejte s tím, že používání Bricks builderu bude vyžadovat znalosti CSS, někdy i pokročilejších.
Responzivní kontejner
Vlastnost kontejneru, která má v sobě bloky a ty se responzivně automaticky zalomí, to Bricks v sobě nemá (i když se dá snadno definovat, ale je třeba znalost CSS grid/flex).
Závěrem
Za mě Bricks vyhrává mezi buildery na celé čáře. Omezení, která kladou jiné buildery, tady padají, protože si můžete udělat strukturu webu, jak ji potřebujete. Web je rychlý, DOM je malý, omezené z pohledu builderu žádné. A interakce, které v sobě Bricks má, dovolí dělat na webech skvělé dynamické věci bez hromady JS. Za mě je to skvělý nástroj pro pokročilé webaře, kteří to s vývojem webů myslí opravdu vážně.
PS: Tohle je nezávislý pohled na věc, nezatížený affiliate. 😉
