Vo svete WordPressu sa stále objavujú nové nástroje, ktoré sľubujú zjednodušiť prácu nám developerom a posunúť hranice tvorby web stránok na novú úroveň a z toho v konečnom dôsledku ťažia naši zákazníci. Bricks Builder je jedným z nich. Nový nástroj, ktorý kombinuje tému a page builder do jedného celku, pričom ponúka pokročilé funkcie, rýchlosť a flexibilitu. Ale čo presne prináša Bricks Builder? Dokáže skutočne konkurovať zaužívaným nástrojom ako je Elementor, relatívne nový Oxygen, Divi alebo už zastaralý WP Bakery?
Obsah článku
Čo je Bricks Builder?
Bricks Builder nie je iba ďalší page builder. Je to hybridný nástroj, ktorý dokáže nahradiť WordPress tému a page builder. Po jeho inštalácii dostaneš všetko, čo potrebuješ na tvorbu moderného webu – od základného nastavenia dizajnu až po pokročilú prácu s dynamickým obsahom.
Čím sa však skutočne odlišuje, je jeho rýchlosť a plynulosť. Práca v editore je intuitívna a reakcie sú takmer okamžité. Na rozdiel od iných builderov, ktoré môžu byť spomalené rôznymi rozšíreniami a zbytočnými funkciami, Bricks Builder je navrhnutý tak, aby poskytoval výkonnosť už od základov.
Predstav si, že všetky dobré vlastnosti nástrojov ako Elementor, Divi či Oxygen by boli skombinované do jedného systému. To je presne filozofia Bricks Buildera. Ponúka jednoduché používanie pre začiatočníkov, no zároveň neobmedzuje pokročilých používateľov, ktorí potrebujú pracovať s dynamickými dátami (napr.: ACF či Meta Box), vlastným CSS/JS alebo šablónami.
Technické vlastnosti a detaily
Vizuálny editor
- Editor umožňuje vytváranie šablón s možnosťou priameho upravovania štýlov, farieb, rozmerov a dynamických dát.
- Obsahuje hierarchiu prvkov (sekcie, riadky, stĺpce, widgety), ktorá uľahčuje navigáciu.
- Drag-and-drop – každý prvok je možné ľahko presúvať a nastavovať.
- Automatické ukladanie každých 60 sekúnd – žiadne stratené zmeny.
- Globálne štýly, ktoré zabezpečia konzistentný dizajn na celom webe.
- SEO nastavenia priamo v editore, takže sa môžete sústrediť na optimalizáciu už pri tvorbe šablón.
(Aktualizovaná verzia 1.11.1 – November 2024)
Dynamické dáta
- Natívna podpora pre dynamic fields cez Advanced Custom Fields (ACF), Meta Box, Pods a ďalšie.
- Práca s metadátami – editor umožňuje pridať dynamické dáta priamo do textových polí alebo widgetov, a to pomocou špeciálnych značiek (napr. {{meta_field_name}}).
Flexibilné nastavenia šablón
- Možnosť vytvoriť šablóny pre konkrétne stránky alebo typy obsahu (napr. články, stránky, archívy, chybové stránky, hlavička, pätička…).
- Vytváranie podmienok. Ak je splnená podmienka „A“ zobraz tento obsah. Ako skutoční programátori, že?
Integrácia a API
- Podpora API pre služby ako Unsplash (na priame načítanie obrázkov), Google Maps, Mailchimp, Captcha a ďalšie.
- Možnosť pridávať vlastné CSS, JavaScript alebo HTML priamo do stránky.
- Dáta vytvorené v Bricks Builderi môžu byť dostupné v Gutenberg editore a naopak.
Podpora vlastných fontov
- Okrem Google Fonts je možné používať aj vlastné fonty vo formátoch WOFF, WOFF2 a TTF, ktoré sú plne dostupné v editore.
- Lokálne načítavanie fontov – písmo je načítane priamo zo stránky a nemusí sa načítavať zo služieb tretích strán ako sú napr. už spomínané Google Fonts.
Optimalizácia výkonu
- Možnosť vypnúť nepotrebné funkcie ako emotikony, lazy load alebo špecifické WordPress skripty.
- Nastaviteľné body zlomu (media queries) – pre každé zariadenie (stolový počítač, laptop, tablet, mobil) je možné nastaviť vlastnú šírku a štýly
Jednou z najväčších výhod Bricks Builderu je jeho minimalistický prístup ku generovaniu HTML kódu. V porovnaní s Elementorom je výsledný HTML kód o polovicu menší, čo má priamy vplyv na:
- Rýchlejšie načítanie stránok – menej kódu znamená kratšie časy načítania a lepší výkon na všetkých zariadeniach.
- Nižšie nároky na server – menší DOM (Document Object Model) znižuje zaťaženie servera, čo je dôležité pri vysoko navštevovaných stránkach.
- Lepšie skóre SEO – Optimalizovaný kód prispieva k lepšiemu hodnoteniu v nástrojoch ako Google PageSpeed Insights.
(Výsledný kód Elementor)
(Výsledný kód Elementor)
Tvorba vlastných loopov
Loop, alebo slučka, v Bricks Builderi (a vo WordPresse všeobecne) je mechanizmus, ktorý slúži na automatické zobrazovanie opakujúcich sa typov obsahu, ako sú blogové príspevky, produkty v e-shope alebo položky portfólia. Predstav si to ako šablónu, ktorá definuje, ako má každý článok alebo produkt vyzerať, a táto šablóna sa potom opakovane aplikuje na všetky položky v zozname. Pomocou loopu môžeš zobraziť napríklad nadpis, obrázok a krátky popis pre každý príspevok, pričom obsah sa dynamicky načítava z databázy.
Cena a licencie
Bricks Builder aktuálne ponúka doživotnú licenciu:
- Starter (59 USD): Pre 1 web.
- Ultimate (149 USD): Pre až 1 000 webov.
Bricks Builder je na trhu už približne tri roky a za ten čas prešiel viacerými zmenami. Cena sa síce zvýšila, ale pribudli aj nové možnosti. Aktuálne sú v ponuke štyri balíky, ktoré môžeš vidieť na obrázku nižšie.
(Cena Bricks Builderu – November 2024)
Slabé stránky
- Hierarchia sekcií – hierarchia je dostupná iba v ľavom paneli a nemožno ju oddeliť na samostatnú „plávajúcu“ kartu, čo môže byť pri komplexných projektoch nepraktické.
- Obmedzenia dynamických dát – hoci je práca s dynamickými poľami jednoduchá, nie je momentálne možné plne prispôsobiť obsah (napr. vlastné loop šablóny).
- Prispôsobenie rozhrania – niektoré prvky, ako zarovnanie textu, vyžadujú viacero kliknutí namiesto jednoduchších ikonových možností.
Tieto tvrdenia už neplatia, pretože Bricks Builder priniesol za posledný rok výrazné zlepšenia. Hierarchiu už je možné zobraziť aj na pravej strane, dynamické dáta umožňujú vlastné loop šablóny a rozhranie bolo zjednodušené intuitívnymi ikonkami.
Bricks Builder je skvelý na tvorbu web stránok, no jeho slabinou zostáva práca s WooCommerce. Pri tvorbe e-shopov je dosiahnutie pokročilých funkcií náročnejšie a vyžaduje si viac technických zručností.
Záver
Bricks Builder predstavuje super nástroj, ktorý kombinuje rýchlosť, flexibilitu a moderné funkcie potrebné na tvorbu profesionálnych web stránok. Jeho rozhranie a podpora dynamických dát robia z každého projektu hračku. Samozrejme, stále sa nájdu drobné nedostatky, ktoré by bolo dobré odstrániť a vylepšiť – najmä pri práci s WooCommerce. Napriek tomu si však dovolím tvrdiť, že momentálne neexistuje lepší nástroj na tvorbu web stránok. Sami tento nástroj využívame a môžeme ho odporučiť z vlastnej skúsenosti. Nejde o žiadnu platenú spoluprácu.
Ak potrebuješ novú web stránku určite nám napíš na info@jarvindesign.sk a my ti ju pripravíme za použitia Bricks Buildera.