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

1. Container háttérrel
2. Grid: bal oldalt Headline + Text + Button, jobb oldalt Image
3. 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.