Komponensek blokkként

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.