Bevezető. A Bricks Builder az elmúlt években az egyik leggyorsabban fejlődő vizuális oldalszerkesztővé vált a WordPress‑világban. Július 16‑án megjelent a 2.0‑s verzió, amely négy év fejlesztésének csúcspontja. A készítők szerint a pre‑2.0 kiadások közel 300 változást tartalmaztak, és több mint 3 500 új funkció, fejlesztés és hibajavítás került a rendszerbe. A frissítés biztonsági javítást is tartalmaz egy olyan SQL‑injekciós sebezhetőségre, amely az 1.12.4 verzióig minden kiadást érintett. A következő sorokban áttekintjük a 2.0‑s újdonságokat, a 2.0.1 hibajavító kiadást, valamint azt, hogy milyen régóta várt fejlesztések érkeztek és mely területek maradtak még csiszolásra.
Builder‑funkciók és fejlesztések
A 2.0‑s verzió számos új funkcióval gazdagítja a szerkesztőt. A legfontosabbak:
- Builder Capabilities: több mint 50 jogosultságból álló jogosultságkezelő lehetővé teszi, hogy pontosan szabályozzuk, mely felhasználói szerepkörök férhetnek hozzá bizonyos tartalomtípusokhoz vagy stílusokhoz
- Element Manager: globálisan be‑ vagy kikapcsolhatjuk a felesleges elemeket, így letisztultabb felületet kapunk
- Font Manager: a beépített kezelő segítségével egy kattintással letölthetjük a Google Fontokat helyi tárolásra, és saját vagy Adobe betűkészleteinket is hozzáadhatjuk
- Icon Manager: SVG‑ikon készletek feltöltése és rendszerezése, az ikonok listájának szükség szerinti elrejtésével
- Command Palette: gyors parancskereső (Ctrl+K), amellyel pillanatok alatt elérjük a fontos menüpontokat, elemstruktúrákat vagy új bejegyzéseket hozhatunk létre
- Quick Access Bar: egy új eszköztár az elemfülek közti navigáláshoz; teljes mértékben billentyűzet‑barát
Stílus, elrendezés és vizuális kontroll
A Bricks 2.0 az egyedi designok szerelmeseinek is tartogat meglepetéseket:
- Visual CSS Grid Builder: drag‑and‑drop segítségével vizuálisan készíthetünk CSS rácsokat, akár loopolt tartalomhoz is
- Öröklődő beállításjelző: megmutatja, ha egy tulajdonság osztályból, breakpointból vagy pszeudo‑elemben öröklődik
- Új Selector UI és Selector Detector: bármely elemben kijelölhetünk al‑node‑okat, majd vizuálisan stílusozhatjuk őket; a pszeudo‑állapotok (például :hover) is könnyebben elérhetőek
- Theme Styles fejlesztések: választhatunk, hogy csak a legspecifikusabb vagy minden passzoló stílus töltődjön be; saját CSS-t adhatunk hozzá a stíluslapokhoz; új kontextuális térköz segít az egységes elrendezés kialakításában
- SVG‑stílus és osztálylisták: a SVG‑elemek magasságát, szélességét vagy színét különféle breakpointokon is módosíthatjuk, a klaszterek és változók pedig kategóriákra bontva kezelhetők
Munkafolyamat és UX‑javítások
Az új verzió a hatékonyabb munkát segíti:
- Megújult felhasználói felület: letisztultabb, kontrasztosabb panelek, egységesebb design
- Tömeges szerkesztés: több elemet egyszerre stílusozhatunk, csoportosíthatunk vagy átrendezhetünk
- Context Menu – Unwrap: a jobb gombos menüben egyetlen kattintással kibonthatjuk az elemeket a tartalmazó konténerből
- Változókezelő színválasztóval: a színváltozók vizuális szerkesztését teszi lehetővé
- Elem elrejtése: egy kapcsolóval elrejthetünk elemeket mind a szerkesztőben, mind a frontenden
- Orphaned Elements Review: minden szerkesztői betöltéskor ellenőrzi, hogy maradtak‑e árván maradt elemek régi vagy hibás sablonokból, és segít őket eltávolítani
Komponensek és struktúra
A Bricks a moduláris szerkesztést is új szintre emeli:
- Beágyazott komponensek: egy komponensen belül másik komponenst használhatunk, ami moduláris szerkezetet és könnyebb karbantartást eredményez.
- Stabil komponensek: a korábban kísérleti fázisú komponensfunkció mostantól élesben, termelési környezetben is használható.
- Új tulajdonságtípusok: komponensvariációkhoz kapcsolók, kiválasztók és globális osztályválasztók használhatók.
Teljesítmény és technikai változások
Az új verzió nemcsak funkciókban, hanem motorháztető alatt is megújult:
- Új renderelési logika: a szerkesztő reagálási ideje rövidebb, a betöltési idő gyorsabb.
- Cascade Layers alapértelmezés szerint engedélyezve: a CSS Cascade Layers aktiválásával a témastílusok, a felhasználói stílusok és a komponensstílusok jobban izoláltak, de a régi weboldalaknál akár stíluseltéréseket is okozhat, ezért érdemes tesztelni.
- Global Elements kivezetése: a Globális elemeket komponensek váltották fel; a régi elemek egyelőre még működnek, de újat már nem lehet létrehozni. A konverzióhoz külön eszköz áll rendelkezésre.
Speciális elemek – egyedi fejlesztések
- Űrlap: Webhook Action: közvetlen integrációt tesz lehetővé harmadik féltől származó szolgáltatásokkal.
- Térkép (Map) elem: dinamikus adatok alapján jeleníthetünk meg helyszíneket; támogatja a lekérdezés loopot, egyedi jelölőket és csoportosítást.
- WooCommerce variációs swatchok: beépített színes, képes vagy szöveges swatchok segítik a termékváltozatok megjelenítését.
- WooCommerce interakciók: új eseményekhez (kosárba tétel, kupon érvényesítés stb.) rendelhetünk egyéni interakciókat
Bricks 2.0.1 – gyors reagálás a visszajelzésekre
A 2.0 után nem kellett sokat várni a javításokra: július 28‑án megjött a 2.0.1, amely a kritikus hibák javítására és kisebb finomításokra fókuszált. A kiadás több olyan fejlesztést hozott, amely a használhatóságot csiszolja (pl. gyorsabb „drag & drop” kategória‑kezelés az osztály‑/változókezelőben, rugalmasabb csoportos szerkesztés számos elemnél), és sok hibát orvosolt. A fontosabb javítások közül érdemes kiemelni:
- AJAX‑pagináció és dinamikus adatok: az „Include” mezőbe tett dinamikus adatokkal végre működik a lapozás.
- Beépített jogosultságok: az „Insert Templates” gomb már akkor is működik, ha a felhasználó nem szerkesztheti a sablonokat.
- Global Class átnevezési hiba: az aktív elem osztályának átnevezésekor nem vesznek el a stílusok.
- Masonry elrendezés: a mozaikszerű elrendezést kikapcsolva nem lép fel végtelen ciklus.
- RTL támogatás: jobb‑bal irányú (pl. héber, arab) nyelvek esetén javították az örökölt stílusok ablaka helyzetét.
- Több kisebb hiba: a rejtett elemek nem jelennek meg a mintaadatok populálásánál, a kétkattintásos interakciók működnek, a dobozos layoutok (boxed layout) ismét jól jelennek meg stb.
Régóta várt újdonságok
A közösség évek óta kért funkciói közül több végre megvalósult:
- Vizuális CSS rács: a rácsok vizuális szerkesztése régóta hiányzott a Bricksből; a Visual CSS Grid Builder most drag‑and‑drop móddal teszi könnyebbé a komplex elrendezések létrehozását.
- Komponensek stabilizálása: a komponensek és a beágyazott komponensek stabilitása nagyban segíti a moduláris oldaltervezést.
- Command Palette: a gyors navigálás és parancsfuttatás a közösség egyik legtöbbet emlegetett vágya volt, most pedig beépült a rendszerbe.
- Jogosultságkezelés (Builder Capabilities): a részletes jogosultságbeállításoknak köszönhetően a fejlesztők könnyebben adhatnak szerepalapú hozzáférést ügyfeleiknek.
Ami még csiszolásra szorul
Bár a 2.0 nagy előrelépés, néhány terület még nem tökéletes:
- Cascade Layers okozta eltérések: mivel a Cascade Layers alapértelmezetten engedélyezett, előfordulhat, hogy régi weboldalakon a stílusok eltérően viselkednek; érdemes tesztelni és szükség esetén módosítani a témastílusokat.
- Global Elements konvertálása: a régi globális elemek komponenssé alakítása többletmunkát jelent, és időigényes lehet, bár szükséges a jövőbeni kompatibilitáshoz.
- Új felület tanulási görbéje: az áttervezett UI, a Command Palette vagy a Quick Access Bar elsőre szokatlan lehet; néhány felhasználó feleslegesnek érezheti a Quick Access Bart, ha a Command Palette‑et használja. Ez azonban egyéni preferencián múlik.
- Hiányzó előre gyártott sablonok: bár a rendszer mostantól komponensekkel dolgozik, a kezdők továbbra is több sablon‑ és blokkkészletet hiányolhatnak. Ezt egyelőre külső könyvtárakkal pótolhatjuk.
Amit sokan bemutattak
A legnépszerűbb videós és blogos bemutatók elsősorban a következő elemeket emelik ki:
- Visual CSS Grid Builder – a rácsok vizuális szerkesztése sok fejlesztő blogjában és videójában előkerül, hiszen jelentősen felgyorsítja a layouttervezést.
- Font Manager és Icon Manager – a betűk és ikonok kezelése külön panelen, előnézettel és kategóriákkal megkönnyíti a design elemek kiválasztását.
- Command Palette – a panel gyors elérése a legtöbb bemutatóban szerepel, mivel új munkafolyamatot ad a szerkesztőnek.
- Nested Components – a komponensek beágyazhatósága moduláris tervezést tesz lehetővé, ami a modern fejlesztési szemlélet alapja.
AI és Bricks – merre tart a jövő?
A Bricks 2.0 önmagában nem tartalmaz beépített mesterséges intelligenciát, de a közösség már dolgozik AI‑integrációkon. A SleekWP‑nél megjelenő SleekAI modul lehetővé teszi, hogy a Bricks szöveges mezőiben /ai utasítással AI‑generált tartalmak szülessenek, valamint a szerkesztőben helyben kérjünk választ a modellektől. A plugin a saját OpenAI vagy Anthropic API‑kulcsainkat használja, így nem kell másik felületre váltani. Ugyanez a csomag chatbotokat is tud készíteni a Bricks‑ben létrehozott oldalak tartalmából; a chatbotok adminfelületen vagy a frontenden is elhelyezhetők, és a kinézetük illeszthető a designhoz.
A Bricks hivatalos szakértői között is megjelentek olyan fejlesztők, akik AI‑t integrálnak a weboldalakba. Az ai4biz például 25 év fejlesztői tapasztalattal és mesterséges intelligencia ismeretekkel készít olyan Bricks alapú weboldalakat, amelyek automatizálnak, leadszerzést támogatnak és üzleti intelligenciát biztosítanak. Ez azt jelzi, hogy a Bricks ökoszisztémája nyitott a mesterséges intelligencia irányába, és a jövőben várhatóan még több AI‑funkció jelenik meg.
Összegzés és cselekvésre ösztönzés
A Bricks 2.0 mérföldkő a WordPress oldalépítők világában: a közösség által kért funkciók többsége megérkezett, a felület átalakult, a teljesítmény gyorsult. A 2.0.1 kiadás pedig gyorsan kijavította az első hibákat. Ugyanakkor az új funkciók elsajátításához idő és gyakorlás kell, a CSS‑cascade változásai pedig külön figyelmet igényelnek. Számunkra webfejlesztők és tartalomkészítők számára ez az új verzió még több lehetőséget biztosít, hogy a látványos, gyors és reszponzív weboldalak mögött hatékony munkafolyamat álljon.
Kérdésed van vagy weboldalt szeretnél?
Használod már a Bricks építőt, és kérdésed van az új funkciókkal kapcsolatban? Esetleg saját weboldalt szeretnél, de nem szeretnél elveszni a beállításokban? Írj nekem bátran! Szívesen segítek megtervezni és felépíteni álmaid weboldalát, és választ adok minden felmerülő kérdésre.
