GenerateBlocks

A GenerateBlocks egy könnyű, Gutenberg-alapú blokk-készlet, amelynek célja, hogy kevés, sokoldalúan paraméterezhető alapblokkból építhess fel bármilyen elrendezést. Nem tucatnyi „kész” elemmel dolgozik, hanem tiszta logikával és minimális kimenettel. Ideális választás, ha gyors, karbantartható, bloatmentes WordPress-oldalakat szeretnél, és kerülöd a nehézkes page buildereket.

Milyen problémákat old meg?

Lassú oldalépítés: mintákkal és rugalmas blokkokkal felgyorsítja a munkát
Dizájn-inkonzisztencia: központi stíluskezeléssel egységes megjelenést ad
Plugin-túlhasználat: több UI-feladat egy helyen megoldható
Felesleges kód: csak a ténylegesen használt beállításokhoz generál CSS-t

Fő funkciók – mit csinál pontosan?

Alapblokkok

Container & Grid: reszponzív szekciók és rácsok pontos vezérléssel (padding, gap, háttér, árnyék, szegély, igazítás, breakpoint-onkénti finomhangolás).
Text / Headline / Button: tipográfia, állapotok (hover/focus), reszponzív méretek; gomboknál ikonok, kitöltés/outline és spacing.
Image: képarány, objektum-pozíció, kerekítés, keret; rácsos elrendezések egyszerűen.
Shape: dekoratív, vektoros formák (pl. szeparátorok), CSS-barát módon.
Query (Looper, Loop Item, No Results, Page Numbers): tartalmi listák és kártyarácsok építése saját vagy örökölt lekérdezéssel.

Dinamikus tartalom (Dynamic Tags)
Szöveg- és gombblokkokban (akár Query-ben is) kódolás nélkül használhatók:

{{post_title}}
{{post_date}}
{{term_list taxonomy="category"}}
{{author_name}}

Teljesítmény és kimenet

Minimalista CSS: csak a használt beállításokra
Tiszta HTML5: felesleges wrapper nélkül, SEO- és fejlesztőbarát módon

Mintakönyvtár

Gyorsan beilleszthető patternök (hero, pricing, CTA, footer stb.), amelyek öröklik a téma stílusait, így alapból egységes az összkép.

GenerateBlocks Pro – rövid áttekintés

Global Styles: újrahasznosítható stílusok osztályalapon, fejlett állapot- és breakpoint-kezeléssel.
Pattern Library (Pro): több száz professzionális minta Global Styles-szal.
Asset Library: saját SVG ikonok és formák központi kezelése.
Device Visibility: megjelenítés/elrejtés eszköznézetenként.
Overlay Panels + feltételek: pop-up, slide-in, off-canvas, mega menü beépítve, célzott megjelenítési szabályokkal.
Query bővítések: meta/option adatok, örökölt lekérdezések, fejlettebb listák.
GenerateCloud: minták megosztása több webhely között.

Gyakorlati példák

Hero szekció percek alatt

Container háttérrel
Grid: bal oldalt Headline + Text + Button, jobb oldalt Image
Reszponzív finomhangolás mobil/tablet nézetben

Blogkártya-rács Query-vel

Query blokk → Loop Item tartalom
Featured image, cím (dinamikus), kivonat, CTA
Lapozás Page Numbers-szel, üres állapot No Results-szal

Pop-up lead-gyűjtés feltételekkel

Overlay Panel (modal)
Feltételek: csak blogon, csak mobilon, csak nem bejelentkezett látogatóknak

Egyszerű dizájnrendszer osztályokkal

.gbtn--primary{
 --gb-button-bg: var(--color-primary);
 --gb-button-text: #fff;
}
.gbtn--primary:hover{ filter: brightness(1.1); }

Egy változtatás az egész oldalon érvényesül.

Előnyök és értékajánlat

Gyors betöltés: minimális kód
Karbantarthatóság: központi stílusok
Kevesebb plugin: több UI-feladat egy csomagban
Gyors szerkesztés: minták és másolható stílusok
Skálázhatóság: dizájnrendszer-központú szemlélet

Kinek ajánlott?

Ügynökségeknek és multisite csapatoknak egységes dizájnhoz
WordPress fejlesztőknek, akik tiszta kimenetet akarnak
Site buildereknek és tartalomkészítőknek gyors oldalépítéshez
Teljesítmény-érzékeny projektekhez

Megjegyzések és korlátok

Új funkciók: friss megjelenítési feltételeknél élesítés előtt érdemes ellenőrizni az aktuális stabilitást.

Alapblokk-filozófia: nincs sok „kész” blokk; mintákból és kombinációkból építkezel. Cserébe kisebb a bloat és nagyobb a kontroll.