# A szerkesztő megnyitása és felépítése

> Honnan nyithatod meg a Bricks szerkesztőt, mit jelent a Bricks-szel szerkesztés és renderelés, és mire jó a szerkesztő négy területe.

## Mielőtt megnyitod

A Bricks szerkesztő akkor érhető el egy tartalomhoz, ha:

- a felhasználónak van jogosultsága a szerkesztő használatához,
- a bejegyzéstípus be van kapcsolva a Bricks számára,
- a felhasználó szerkesztheti az adott tartalmat.

A szerkesztő megnyitásakor a Bricks ellenőrzi a licencet. Ha a licenc nem érvényes, a szerkesztő helyett a licenc oldalra kerülsz. A bejegyzéstípusokat a **Bricks → Beállítások → Általános** lapon kapcsolhatod be.

## Honnan nyisd meg

- **Tartalomlista:** vidd az egeret egy oldal, bejegyzés vagy egyéni bejegyzéstípus fölé, és kattints az **Edit with Bricks** hivatkozásra.
- **Szerkesztőoldal:** meglévő vagy új tartalom szerkesztésekor kattints az **Edit with Bricks** gombra.
- **Előlap admin sávja:** bejelentkezve, az oldalt az előlapon nézve a Bricks menüből megnyithatod az aktuális oldalt, az aktív fejléc-, tartalom- vagy lábléc-sablont, illetve a sablonok oldalát (amelyik az adott oldalra vonatkozik).

Ha hiányzik az **Edit with Bricks** hivatkozás, ellenőrizd a felhasználó szerkesztői jogosultságait, és azt, hogy a bejegyzéstípus engedélyezve van-e a **Bricks → Beállítások** alatt.

## Szerkesztés és renderelés

A Bricks-szel szerkesztés a vizuális szerkesztőt nyitja meg. A renderelés azt dönti el, hogy az előlap melyik tartalomforrást használja.

Egy tartalomnak lehet WordPress-szerkesztős tartalma, Bricks-adata, vagy mindkettő. Az admin sávban a **Render with Bricks** / **Render with WordPress** kapcsoló az aktuális tartalom módját váltja. Ha WordPress-renderelésre állítod, a Bricks-adat megmarad, de az előlap a WordPress-tartalmat mutatja. A Bricks-sablonokra a kapcsoló nem vonatkozik, mert a sablonok definíció szerint Bricks-dokumentumok.

- Válaszd a Bricks-renderelést, ha maga az oldal Bricks-szel készült.
- Válaszd a WordPress-renderelést, ha az oldal normál WordPress-tartalmat használ, és a környező elrendezést Bricks-sablon adja.
- A kapcsolót ne használd mentésként: csak a megjelenítés forrását választja.

Ha egy oldal Bricks-szel renderelődik, a tartalomlistában a cím után a „- Bricks” állapot látszik.

## Bricks-adatok törlése

Ha a **Bricks → Beállítások** alatt bekapcsolod, az admin sávban és a szerkesztőoldalon megjelenik a **Delete Bricks data** gomb. Ez törli az aktuális tartalom Bricks-adatait: az oldal tartalmát, az oldalbeállításokat, a fejléc és lábléc adatait, a szerkesztési módot és a sablontípus metaadatait. A művelet végleges, csak akkor használd, ha azt akarod, hogy a tartalom ne használja többé a tárolt Bricks-elrendezést.

## A szerkesztő négy területe

![A Bricks szerkesztő üres oldallal: felül az eszköztár, balra az elempanel, középen a vászon, jobbra a Szerkezet panel](./kepek/szerkeszto-builder-felulet.webp)

*A Bricks szerkesztő üres oldallal: felül az eszköztár, balra az elempanel, középen a vászon, jobbra a Szerkezet panel* (https://minta-bolt.hu/home/?bricks=run)

A képen jól látszik a négy terület.

### Eszköztár

A szerkesztő tetején fut. A globális műveleteket és módokat éred el rajta:

- Stíluskezelő
- Oldalak panel
- Sablonok
- Beállítások
- Parancspaletta
- Elemek és komponensek
- Töréspontok
- Előnézeti szélesség, magasság és nagyítás
- Vászon újratöltése
- Visszavonás és újra
- Előnézet és mentés

Hogy melyik gombot látod, az a jogosultságaidtól és a globális beállításoktól függ. A sablonműveletekhez például sablonjogosultság kell, a töréspontkezelőhöz töréspont-hozzáférés.

### Panel

A bal oldali panel attól függően változik, mit csinálsz. Mutathatja az elemkönyvtárat, a kijelölt elem beállításait, az oldal- vagy sablonbeállításokat, a változatokat, az oldalakat vagy más kezelőfelületeket. A panel átméretezhető és kicsinyíthető. Elem kijelölésekor a panel az elem nevét, az elemműveleteket, az osztály- és választóvezérlőket, valamint a **Tartalom** és **Stílus** fület mutatja.

### Vászon

A vászon az aktuális oldal élő előnézete. A Bricks egy iframe-ben rendereli az elrendezést, ezért a szerkesztés közel áll az előlap kimenetéhez. A vásznat az eszköztárból újratöltheted. Erre akkor van szükség, ha egy beállítás friss renderelést kér, vagy ha külső szkriptek, lekérdezési adatok vagy dinamikus tartalom befolyásolják az előnézetet.

### Szerkezet panel

A **Szerkezet** panel az elemfát mutatja. Itt látod legjobban a beágyazást, itt jelölheted ki a nehezen elérhető elemeket, és itt mozgathatsz elemeket. Használd, ha a vászon zsúfolt, egy elem el van rejtve, vagy meg akarod erősíteni a szülő-gyerek viszonyokat.

## Az első sikeres szerkesztés

1. Kapcsold be az oldal bejegyzéstípust a **Bricks → Beállítások** alatt.
2. Hozz létre vagy nyiss meg egy oldalt a WordPressben.
3. Kattints az **Edit with Bricks** gombra.
4. Az elempanelen adj hozzá egy elrendezéselemet, például **Szakasz**t vagy **Tároló**t.
5. Tegyél tartalomelemeket az elrendezésbe.
6. Jelölj ki egy elemet a vásznon vagy a **Szerkezet** panelen.
7. A **Tartalom** fülön szerkeszd a jelölést és az adatot.
8. A **Stílus** fülön szerkeszd a megjelenést.
9. Váltogass a töréspontok között, és ahol kell, igazítsd a reszponzív stílusokat.
10. Mentsd a szerkesztőt.
11. Nézd meg az előnézetet, és győződj meg róla, hogy az oldal Bricks-szel renderelődik.

## Gyakori állapotok

- **Előnézeti mód:** elrejti a szerkesztési vezérlőket, hogy megvizsgálhasd az elrendezést. Közben a szerkesztői műveletek, például az egyéni helyi menü, nem működnek.
- **Mentetlen módosítások:** a szerkesztő követi az előzményeket és a mentetlen változásokat. Mentsd el, mielőtt elhagyod a szerkesztőt vagy kipróbálnál egy csak az előlapon működő viselkedést.
- **Nem támogatott bejegyzéstípus:** ha a típus nincs bekapcsolva a Bricks számára, a Bricks visszairányít a WordPress admin felületére. Kapcsold be a **Bricks → Beállítások** alatt, vagy használj Bricks-sablont az adott tartalomtípushoz.
- **Hiányzó jogosultság:** eltűnhetnek eszköztárgombok, elemkategóriák, kezelők, beállításpanelek és szerkesztési vezérlők. Ha valaki megnyitja a szerkesztőt, de egy területet nem lát vagy nem szerkeszthet, nézd meg a [szerkesztői hozzáférést](https://hub.hellowp.io/hu/plugins/bricks-child/szerkeszto-hozzaferes/).
- **Bejelentkezés és licenc:** ha a munkamenet lejárt, a szerkesztő a bejelentkező oldalra visz; ha a licenc nem érvényes, a licenc oldalra.

## Hibaelhárítási lista

- **Nincs Edit with Bricks gomb:** nézd meg a bejegyzéstípus támogatását, a felhasználó jogosultságait, és hogy szerkesztheti-e az adott tartalmat.
- **Az oldal a WordPressben nyílik meg:** ellenőrizd, hogy van-e Bricks-adata, vagy váltsd az admin sáv módját **Render with Bricks**-re.
- **Hiányoznak a vezérlők:** nézd meg a szerkesztői jogosultságokat, és hogy a kijelölt elem le van-e tiltva.
- **A vászon elavultnak látszik:** töltsd újra a vásznat az eszköztárból.
- **Az előlap másképp néz ki:** mentsd el a szerkesztőt, ellenőrizd a renderelési módot, és az előnézeti módon kívül is próbáld ki.