# MB Builder

> Egyéni mezők, beállításoldalak és kapcsolatok létrehozása vizuális szerkesztővel, kódírás nélkül.

Az MB Builder a Meta Box kiegészítője. Felületet ad az egyéni mezők, a beállításoldalak és a kapcsolatok létrehozásához, így nem kell PHP-kódot írnod hozzájuk. A mezőket mezőcsoportokba rendezed, és megadod, hol jelenjenek meg: például a bejegyzések szerkesztője alatt.

## Követelmények

- A **Meta Box** bővítmény telepítve és aktív. Az MB Builder enélkül nem működik, és akkor sem kapcsolható ki, ha a PHP-kódot már kimásoltad.
- Néhány funkcióhoz további Meta Box-kiegészítő kell: például a mezők megjelenítési feltételeihez, a beállításoldalakhoz, a kapcsolatokhoz vagy a Gutenberg-blokkokhoz. Ezeket a megfelelő fejezetek említik.

## Telepítés és első lépések

1. Telepítsd és kapcsold be a **Meta Box** bővítményt.
2. Telepítsd és kapcsold be az **MB Builder** bővítményt.
3. Az admin menüben megjelenik a **Meta Box** menü. Az **Egyéni mezők** almenüpontban látod a mezőcsoportjaidat.

![Az Egyéni mezők lista egy mezőcsoporttal](./kepek/lista.webp)

*Az Egyéni mezők lista egy mezőcsoporttal* (https://minta-bolt.hu/wp-admin/edit.php?post_type=meta-box)

A **Mezőcsoportok** lista mutatja az állapotot (kapcsoló), a címet, azt, hogy mihez jelenik meg a csoport, és a helyét. A fejlécben az **Új hozzáadása** és az **Importálás** gomb van, a lista alatt a tömeges műveletek: **Tömeges szerkesztés**, **Lomtárba helyezés**, **Exportálás**.

Az első mezőcsoport elkészítése:

1. Nyisd meg a **Meta Box → Egyéni mezők** oldalt, és kattints az **Új hozzáadása** gombra.
2. Írd be a csoport címét felülre.
3. Add hozzá a mezőket a **+ Add Field** gombbal.
4. A **Settings** panelen válaszd ki, hová kerüljön a csoport.
5. Kattints a **Save Changes** gombra.

A kész csoport a szerkesztőben a beállított helyen jelenik meg, és a mezők értékei a bejegyzéssel együtt mentődnek.

![A bejegyzésszerkesztő alatt megjelenő Termék adatai mezőcsoport](./kepek/szerkeszto.webp)

*A bejegyzésszerkesztő alatt megjelenő Termék adatai mezőcsoport* (https://minta-bolt.hu/wp-admin/post-new.php)

A felületen a szerkesztő saját feliratai angolul látszanak (például **Save Changes**, **+ Add Field**, **Settings**). A mezőtípusok nevei és a mezők beállításai magyarok. A dokumentáció a felület szó szerinti feliratait használja.

## Tartalom

### MB Builder

- [Mezők létrehozása és beállításai](https://hub.hellowp.io/hu/plugins/meta-box-builder/mezok/): a szerkesztő felépítése, mezőtípusok, a mezők beállításai.
- [Mezőcsoport beállításai](https://hub.hellowp.io/hu/plugins/meta-box-builder/mezocsoport-beallitasok/): hely, pozíció, stílus, haladó beállítások.
- [Egyéni beállítások](https://hub.hellowp.io/hu/plugins/meta-box-builder/egyeni-beallitasok/): extra beállítások kulcs-érték párokkal, pont- és JSON-jelöléssel.
- [PHP-kód készítése](https://hub.hellowp.io/hu/plugins/meta-box-builder/php-kod/): a mezőcsoport kódja a sablonhoz vagy a `functions.php` fájlhoz.
- [Exportálás és importálás](https://hub.hellowp.io/hu/plugins/meta-box-builder/export-import/): mezőcsoportok átvitele másik oldalra.
- [Gutenberg-blokkok létrehozása](https://hub.hellowp.io/hu/plugins/meta-box-builder/blokkok/): blokkok készítése Twig-sablonnal.
- [Beállításoldalak és kapcsolatok](https://hub.hellowp.io/hu/plugins/meta-box-builder/beallitasoldalak-kapcsolatok/): a két kapcsolódó szerkesztő.
- [Fejlesztőknek: a szerkesztő bővítése](https://hub.hellowp.io/hu/plugins/meta-box-builder/fejlesztoknek/): egyéni vezérlők és a feldolgozott beállítások módosítása.

### Oktatóanyagok

- [Mezőcsoportok másolása oldalak között](https://hub.hellowp.io/hu/plugins/meta-box-builder/oktatoanyagok-mezocsoport-masolas/): mezők átvitele PHP-kóddal vagy exportálással.
- [Ikonok a mezők és a mezőcsoport címében](https://hub.hellowp.io/hu/plugins/meta-box-builder/oktatoanyagok-ikonok-cimben/): ikonok beszúrása a címekbe HTML-lel.

## Frissítés

Ha az 5-ös verzió előtti változatról frissítesz, a bővítmény magától átalakítja a mezőcsoportok adatait az új, React alapú szerkesztőhöz. Az átalakítás a meglévő adataidat nem módosítja, így nyugodtan frissíthetsz.