# Komponensek blokkként

> Bricks-komponensek használata a blokkszerkesztőben: bekapcsolás, beszúrás, tulajdonságok, széles és teljes szélességű blokkok, korlátozások.

A legtöbb Bricks-es webhelyen az oldalakat és a sablonokat Bricks-szel építed, a bejegyzéseket és más tartalmat pedig a blokkszerkesztőben (Gutenberg) írod. Szokásos tartalomnak ez elég, de ha egyedi, formázott elemre van szükséged (például véleménydobozra vagy ajánlóblokkra), a blokkszerkesztőben hamar elfogynak a lehetőségeid.

A **komponensek blokkként** kísérleti funkció ezt hidalja át: a blokkot Bricks-ben tervezed meg, és a blokkszerkesztőben jelenik meg. Ugyanazokat a szerkesztői funkciókat használhatod, mint oldalaknál és sablonoknál, a komponens tulajdonságaival pedig te döntöd el, mit írhatnak át a szerkesztők.

Ezzel:

- teljesen Bricks-ben készíthetsz egyedi, formázott blokkokat,
- egységes marad a megjelenés, mert a komponenst egyszer, Bricks-ben módosítod,
- a szerkesztők a tervezési rendszeren belül szabadon testreszabhatják a tartalmat.

## Bekapcsolás

A funkció kísérleti, alapból ki van kapcsolva. A beállítás helye: **Bricks → Beállítások → Általános → Blokkszerkesztő → Bricks komponens a blokkszerkesztőben**. A legördülő menü három értéke:

| Érték | Mit jelent |
| --- | --- |
| **Letiltva (alapértelmezett)** | A komponensek nem jelennek meg a blokkszerkesztőben. |
| **Komponensek egyenkénti engedélyezése** | Csak azok a komponensek jelennek meg, amelyeket egyenként bekapcsoltál. |
| **Minden komponens automatikus engedélyezése** | Az összes Bricks-komponens azonnal elérhető a blokkszerkesztőben. |

Az egyenkénti engedélyezés a szerkesztőben két módon megy:

- Nyisd meg a **Komponensek** panelt, vidd az egeret a komponens fölé, kattints a **Használat a blokkszerkesztőben** gombra, majd erősítsd meg.
- Vagy szerkeszd a komponenst, és a komponensbeállítások fejlécében kapcsold át a **Használat a blokkszerkesztőben** kapcsolót **Bekapcsolva** értékre.

A **Komponensek** panel szűrőjével csak a blokkszerkesztőre engedélyezett komponenseket láthatod.

Ha egy komponens engedélyezve van, a komponensbeállítások fejlécében, a **Használat a blokkszerkesztőben** alatt további, blokkra vonatkozó beállítások jelennek meg:

- **Blokkkategória:** a blokkszerkesztőben melyik kategória alatt jelenjen meg.
- **Blokkikon:** a blokkválasztóban látható ikon.
- **Blokk előnézeti képe:** opcionális kép, amely a blokkbeszúróban látszik.

## Komponens beszúrása a blokkszerkesztőben

1. Nyiss meg vagy hozz létre egy bejegyzést vagy oldalt a blokkszerkesztőben.
2. Kattints a blokkhozzáadás (+) gombra, és keresd meg a komponenst a neve alapján.
3. Válaszd ki. A komponens közvetlenül a szerkesztőben jelenik meg.

A komponens ugyanúgy viselkedik, mint bármely más blokk: írhatsz fölé és alá szöveget, átrendezheted, vagy összekombinálhatod más blokkokkal.

### Széles és teljes szélességű blokkok

A blokkszerkesztő **Széles** és **Teljes szélesség** igazítása a blokk külső WordPress-burkolójára vonatkozik. A komponensen belüli elemek továbbra is a Bricks elrendezési beállításait követik.

A Bricks **Konténer** elemének alapértelmezett legnagyobb szélessége 1100 px. Ha a komponens gyökéreleme konténer, vagy egy konténer egy teljes szélességű gyökérelemben van, a komponens akkor is korlátozott maradhat, ha a Gutenberg-blokkot teljes szélességűre állítod.

Teljes szélességű komponensblokkhoz:

1. A külső elem **Szekció**, **Blokk** vagy **Div** legyen 100%-os szélességgel.
2. A belső konténerek szélességét vagy legnagyobb szélességét tudatosan állítsd be.
3. A Gutenbergben válaszd ki a blokk kívánt igazítását.

Ha a szerkesztőbeli előnézet mégis eltér a frontendtől, ellenőrizd a kiválasztott Gutenberg-igazítást és minden olyan Bricks-elrendezési elemet, amelyen szélesség vagy legnagyobb szélesség van beállítva.

## Tulajdonságok testreszabása

Ha a blokkszerkesztőben kijelölsz egy Bricks-komponensblokkot, a szerkeszthető tulajdonságai a **Blokk** beállításainak oldalsávjában jelennek meg, ugyanúgy, mint egy példány szerkesztésekor a Bricks-ben.

Minden tulajdonságtípus támogatott:

- szöveg
- formázott szöveg
- ikon
- választó (select)
- kapcsoló (toggle)
- globális osztályok
- kép
- képgaléria
- hivatkozás
- lekérdezési ciklus (a PHP lekérdezésszerkesztő, a külső API-k és a Lekérdezéskezelő egyelőre nem támogatott)

Minden blokkpéldánynak lehetnek saját tulajdonságértékei, miközben a komponens megjelenése egységes marad.

A komponens **helyei** (slot) a komponensblokkokban nem támogatottak. A blokkszerkesztőben nincs mód elemet tenni egy helyre, ezért a hely üres marad a szerkesztőben és a frontenden is.

## Központi módosítások

Minden blokkpéldány a Bricks-ben lévő fő komponenshez kötött. Bármilyen tervezési módosítás (elrendezés, tipográfia, térközök) a Bricks-ben az egész webhelyen érvényesül, a blokkszerkesztőben lévő példányokon is.

## Felhasználási példák

- **Újrahasznosítható elemek:** véleménydoboz, eseménykártya, ajánlóblokk vagy feliratkozási űrlap a bejegyzésekben.
- **Egységes megjelenés:** a Bricks-ben végzett módosítás az egész webhelyre kihat.
- **Rugalmas tartalom:** a szerkesztők példányonként átírhatják a szöveget, a képet és a kapcsolókat, a blokkszerkesztő elhagyása nélkül.
- **Munkamegosztás:** a tervezők a komponenseket Bricks-ben építik, a szerkesztők a blokkszerkesztőben használják.