Skip to main content
Tartalomjegyzék
< All Topics
Nyomtatás

MB Blocks

Ha dolgoztál már egyedibb Gutenberg blokkokon, valószínűleg ismerős a dilemma. Tudod, mit szeretnél megjeleníteni, az adatmodell a fejedben van, de hirtelen ott találod magad React, build toolok, config fájlok és editor–frontend eltérések között. Ilyenkor sok PHP-fókuszú fejlesztő inkább visszanyúlna a klasszikus sablonlogikához, csak hát a Gutenberg már megkerülhetetlen.

Az MB Blocks tipikusan ezt a feszültséget oldja fel. Nem váltja le a Gutenberget, és nem próbálja elrejteni, hanem lefordítja PHP-nyelvre. Pont arra a szintre, ahol már komfortosan tudsz dolgozni.

Beállítási szemlélet: ha a blokkfejlesztést jelenleg „JS-projektként” kezeled, itt érdemes megállni és feltenni a kérdést: valóban szükség van-e erre a komplexitásra minden komponensnél?

Mit old meg valójában, a hype nélkül?

Papíron azt mondjuk, hogy PHP-val lehet Gutenberg blokkokat készíteni. A mélyebb probléma azonban az, hogy a WordPress-ben két világ csúszott szét: az editor és a frontend. Eltérő markup, külön logika, külön assetek. Az MB Blocks ezt próbálja újra egyben tartani.

A blokk nálad gyakorlatilag egy Meta Box mezőcsoport, csak a típusa „block”. A mezőket már ismered, az értékek előkészítve érkeznek, és azt renderelsz, amit ténylegesen látni szeretnél.

Tanács: ha egy blokk megírása hosszabb ideig tart, mint maga az UI megtervezése, akkor valószínűleg túl nehéz eszközt választottál a feladatra.

PHP-alapú blokkok: mikor elég, és mikor nem?

Az MB Blocks egyik legerősebb állítása, hogy nincs szükség build-láncra. Ez felszabadító, de nem minden helyzetben ideális.

Tartalmi, layout-jellegű blokkoknál (hero, CTA, feature lista, grid) a PHP-s megközelítés általában tökéletes. Adatvezérelt komponenseknél szintén, ahol a logika fontosabb, mint az interaktív editor-élmény.

Viszont ha a blokkod erősen editor-interakciókra épül, drag-and-drop, élő számítás, összetett kliensoldali állapot – ott a JS-es megoldás továbbra is indokolt lehet.

Beállítási tanács: az MB Blocks-ot ne „minden blokkra” használd, hanem azokra, ahol a strukturált adat és az előnézet a lényeg, nem az editor-oldali varázslat.

block.json és assetek: miért fontos ez hosszú távon?

A block.json támogatás nem csak kényelmi extra. Ez az a pont, ahol az MB Blocks összeér a WordPress jövőjével. Szabványos kulcsok, tiszta assetkezelés, FSE-kompatibilitás.

Fontos döntés itt, hogy mit hol töltesz be. Editorban gyakran több CSS kell az élő előnézethez, frontenden viszont érdemes karcsún tartani mindent.

Tanács: ha ugyanazt a CSS-t töltöd be editorban és frontenden, előbb-utóbb kompromisszumot kötsz. Használd ki a külön editorStyle / viewStyle logikát, még akkor is, ha elsőre több munkának tűnik.

Élő előnézet: miért nem csak „nice to have”?

Sok Gutenberg blokk legnagyobb problémája, hogy a szerkesztőben nem azt látod, amit publikálás után kapsz. Ez bizonytalanságot szül a tartalomkészítőkben, és extra köröket a fejlesztésben.

Az MB Blocks-nál a mezők változása azonnali renderelést vált ki. Ez nem csupán UX-kérdés, hanem hibamegelőzés. Kevesebb félreértés, kevesebb „ez nem így gondoltam” visszajelzés.

Beállítási tanács: ha a blokkod nem ad valós visszajelzést szerkesztés közben, akkor hiába technikailag helyes, üzletileg gyenge marad.

InnerBlocks: szabadság vagy káosz?

Az InnerBlocks támogatás lehetővé teszi, hogy más blokkokat ágyazz a sajátodba. Ez hatalmas erő, de könnyű túlhasználni.

Ha mindent engedsz, a blokk elveszíti az identitását. Ha túl szigorú vagy, a szerkesztők hamar falba ütköznek.

Tanács: csak azokat a blokkokat engedélyezd, amelyek logikailag részei a komponensnek, és ahol értelme van az ismételhetőségnek vagy a zárolásnak.

Adattárolás: itt dől el a skálázhatóság

Alapértelmezésben az MB Blocks attribútumokban (JSON) tárol. Ez gyors, egyszerű, editor-barát. Nagy adatnál vagy ismétlődő blokkoknál viszont érdemes elgondolkodni a post meta vagy az egyedi tábla használatán.

Viszont itt van egy fontos következmény: ha nem attribútumokban tárolsz, bizonyos kényelmi funkciók (automatikus előkészítés, mb_get_block_field()) nem érhetők el.

Beállítási tanács: kis és közepes projektnél maradj az alapértelmezett tárolásnál. Nagy volumenű oldalaknál inkább vállald be a többletmunkát, de tartsd karban a teljesítményt.

Amit sokan csak későn vesznek észre

Az MB Blocks nem „könnyű Gutenberg”, hanem strukturált Gutenberg. Ha nincsenek tiszta mezőnevek, átgondolt ID-k és stabil sablonlogika, a blokk hamar nehezen karbantarthatóvá válik.

Különösen igaz ez a foglalt attribútumnevekre és az azonosítók szintaxisára. Ezek nem apró szabályok, hanem ütközési pontok, amik később órákat vehetnek el.

Tanács: blokk írásakor mindig úgy gondolkodj, mintha hat hónap múlva másnak kellene hozzányúlnia. Ez az eszköz ezt a fajta fegyelmet jutalmazza.

Kinek való igazán az MB Blocks?

PHP-fókuszú WordPress fejlesztőknek, akik nem akarnak komplett JS stacket fenntartani.
Ügynökségeknek, ahol gyorsan kell stabil, újrahasznosítható blokkokat szállítani.
Olyan projekteknek, ahol a Meta Box már amúgy is az adatmodell gerince.

Ha a Gutenbergben jelenleg kompromisszumként létezel, az MB Blocks segít visszahozni azt az érzést, hogy te irányítod a rendszert, nem pedig fordítva. És ez az a pont, ahol a blokkfejlesztés újra élvezhetővé válik.