# Munka a blokkokkal

> Egy blokk részei, az eszköztár és az oldalsáv beállításai, zárolás, elrejtés, törlés, többszörös kijelölés és hasznos tippek.

A WordPress szerkesztőjében minden tartalomelem blokk: a bekezdés, a kép, a gomb és a címsor is. Ez a fejezet azt mutatja meg, hogyan állítasz be egy blokkot, hogyan zárolod, rejted el vagy törlöd, és milyen apróságok gyorsítják a munkát.

## Egy blokk részei

A legtöbb blokknak három része van: a szerkeszthető tartalom, a blokk eszköztára és a beállítások az oldalsávban. Hogy pontosan mit látsz, az a kijelölt blokktól, a témától és a helytől függ. Mindig csak a kijelölt blokkot módosítod, a többi blokk változatlan marad.

![A kijelölt Bekezdés blokk: fölötte az eszköztár, jobbra az oldalsáv a Stíluslapok, Betűkészlet, Háttér, Méretek, Keret és Elemek paneleivel](./kepek/blokkszerkeszto-3-blokk-beallitasok.webp)

*A kijelölt Bekezdés blokk: fölötte az eszköztár, jobbra az oldalsáv a Stíluslapok, Betűkészlet, Háttér, Méretek, Keret és Elemek paneleivel* (https://minta-bolt.hu/wp-admin/post.php?post=9&action=edit)

Figyeld meg, hogy a blokk fölött lebegő eszköztár és a jobb oldali oldalsáv ugyanahhoz a blokkhoz tartozik.

## Blokk hozzáadása

Három gyakori módja van:

1. Kattints a szerkesztő bal felső sarkában a **+** (blokkbeszúró) gombra.
2. Kattints a tartalomban a **+** jelre, amely két blokk között vagy egy üres sorban jelenik meg.
3. Írj a tartalomba egy **/** jelet, utána a blokk nevét.

A módszerek részletesen a [Blokkok hozzáadása](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-blokkok-hozzaadasa/) fejezetben szerepelnek.

## A blokk eszköztára

Az eszköztár akkor jelenik meg, ha kijelölsz egy blokkot. A szerkesztéshez, formázáshoz, mozgatáshoz és átalakításhoz szükséges alapvető eszközöket tartalmazza. Az ikonok többségének a nevét megkapod, ha fölé viszed az egeret, vagy a billentyűzettel ráállsz. A képernyőolvasó a vezérlők nevét felolvassa.

Sok blokkban megtalálható eszközök:

| Eszköz | Mit csinál |
|---|---|
| Átalakítás (a blokk típusát mutató ikon) | A blokkot másik, kompatibilis blokktípussá alakítja, a beállítások és stílusok elvesztése nélkül. |
| Húzás (hatpontos ikon) | A blokkot húzással másik helyre viszi az oldalon. |
| Mozgatás fel és le | A blokkot egy hellyel feljebb vagy lejjebb teszi. |
| Igazítás | A blokk helyét állítja (balra, középre, jobbra). A blokktól és a témától függően szélesebb, illetve teljes szélességű elrendezés is választható. |
| Beállítások (három pont) | További műveletek: másolat, zárolás, elrejtés, törlés és a többi. |

A mozgatásról a [Blokkok mozgatása](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-blokkok-mozgatasa/), a három pontos menüről a [A blokk további beállításai](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-tovabbi-beallitasok/) fejezet szól.

![A blokk Beállítások menüje: Másolás, Kivágás, Másolat, Hozzáadás előtte és utána, Jegyzet hozzáadása, Stílus másolása és beillesztése, Csoportosítás, Zárolás, Átnevezés, Elrejtés, Minta létrehozása, Szerkesztés HTML-ben és Törlés](./kepek/blokkszerkeszto-3-blokk-menu.webp)

*A blokk Beállítások menüje: Másolás, Kivágás, Másolat, Hozzáadás előtte és utána, Jegyzet hozzáadása, Stílus másolása és beillesztése, Csoportosítás, Zárolás, Átnevezés, Elrejtés, Minta létrehozása, Szerkesztés HTML-ben és Törlés* (https://minta-bolt.hu/wp-admin/post.php?post=9&action=edit)

Ebben a menüben találod a zárolást, az elrejtést és a törlést is.

### Igazítás a blokk elemei között

Néhány blokk az elemeit is el tudja rendezni. A Gombok blokkban például a gombokat balra, középre vagy jobbra igazíthatod, vagy szétoszthatod a rendelkezésre álló helyen. A vezérlő a blokktól függően az eszköztáron, az oldalsávon vagy mindkettőn megjelenik.

### Blokkspecifikus eszközök

Egyes eszközök csak egy blokkhoz tartoznak. A Kép blokk eszköztárán például van hivatkozás, felirat, képfeltöltés a Médiatárba, szöveg hozzáadása a kép fölé és szűrő alkalmazása (az **A duotone szűrő alkalmazása** gomb). Ezeket az egyes blokkok leírásánál találod meg.

### Az eszköztár áthelyezése a szerkesztő tetejére

Alapesetben az eszköztár a kijelölt blokk mellett látszik. Ha inkább mindig a szerkesztő tetején szeretnéd, kattints a jobb felső sarokban a három pontra, és válaszd a **Felső eszköztár** lehetőséget. A beállítást a [Szerkesztő beállításai](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-beallitasok/) fejezet is tárgyalja.

## A blokk beállításai az oldalsávban

A kijelölt blokk további beállításai a szerkesztő jobb oldali sávjában vannak. Ha nem látod az oldalsávot, kattints a szerkesztő jobb felső sarkában, a **Közzététel** (vagy **Frissítés**) gomb mellett az oldalsáv ikonjára.

Az oldalsávnak két füle van:

- **Bejegyzés** (oldalnál **Oldal**): az egész tartalom beállításai, például kiemelt kép, kategóriák, címkék, sablon, kivonat vagy közzétételi adatok. Lásd: [Az oldal és bejegyzés beállításai](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-oldalsav/).
- **Blokk**: a kijelölt blokk beállításai.

A **Blokk** fül a blokk rövid leírásával kezdődik, utána panelek következnek. A panelek a blokktól és a témától függnek. Gyakoriak például:

| Panel | Mire való |
|---|---|
| **Stíluslapok** | Kész megjelenési változatok a blokkhoz. |
| **Betűkészlet** | Betűtípus, méret, szín és más szövegbeállítások. Lásd: [Tipográfia](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-tipografia/). |
| **Háttér** | Háttérszín, színátmenet, esetenként háttérkép. Lásd: [Színek](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-szinek/). |
| **Méretek** | Helykitöltés, margó, blokktávolság, magasság. Lásd: [Méretek](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-meretek/). |
| **Keret** (egyes blokkoknál **Margók és árnyékolás**) | Szegély, lekerekítés, árnyék. Lásd: [Keret és árnyék](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-keret-es-arnyek/). |
| **Elemek** | A blokkban lévő hivatkozások, gombok és címsorok színe. |
| **Elrendezés** | A beágyazott blokkok elrendezése (például a Csoport blokknál). |
| **Haladó** | HTML-horgony, további CSS-osztályok és saját CSS. |

### Stíluslapok

Néhány blokknak készen kapott megjelenési változatai vannak. A Gomb blokknál például **Kitöltés** és **Körvonal** közül választhatsz, a Csoportnál több stílus közül. Ha az egeret egy stílus fölé viszed, előnézetet látsz, rákattintva pedig alkalmazod. Hogy milyen stílusok vannak, az a blokktól és a témától függ.

### További beállítások megjelenítése és visszaállítás

A legtöbb panel címe mellett három pont (vagy plusz jel) látszik. Ebből a menüből kapcsolod be azokat a beállításokat, amelyek alapból rejtve vannak. Ha egy panelen még semmi sincs bekapcsolva, a panel azt írja: **Jelenleg minden lehetőség rejtve van**.

A menü alján a **Minden alaphelyzetbe állítása** a panel összes módosítását visszavonja. Egyes beállításokat külön is alaphelyzetbe állíthatsz: a kis dash (kötőjel) jelű visszaállító gomb akkor jelenik meg, ha az adott beállítás értéket kapott.

### Haladó panel

A **Haladó** panelen a **HTML horgony (anchor)**, a **További CSS osztály(ok)** és a **További CSS** mezők vannak, valamint a **Stíluslapok** alatt az **Alkalmazzuk globálisan** gomb. Az utóbbival a blokk beállításait az összes azonos típusú blokkra érvényesítheted a webhelyen. A horgonyról az [Ugrás az oldalon belül](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-oldalon-beluli-ugras/) fejezet szól.

Ha nem látod az oldalsávot, kattints a **Beállítások** gombra a **Közzététel** mellett. Jelöld ki a blokkot, és kattints a **Haladó** panelre a kibontásához. Egyes beállítások több blokknál is megvannak, mások csak bizonyos blokkokhoz tartoznak.

![A Bekezdés blokk Haladó panelje: HTML horgony, További CSS osztály(ok), További CSS és az Alkalmazzuk globálisan gomb](./kepek/blokkszerkeszto-4-halado.webp)

*A Bekezdés blokk Haladó panelje: HTML horgony, További CSS osztály(ok), További CSS és az Alkalmazzuk globálisan gomb* (https://minta-bolt.hu/wp-admin/post.php?post=9&action=edit)

| Beállítás | Mit csinál |
| --- | --- |
| **HTML horgony (anchor)** | Egyedi webcímet ad a blokknak, így közvetlenül hivatkozhatsz rá az oldalon. |
| **További CSS osztály(ok)** | CSS-osztályokat ad a blokkhoz, hogy saját CSS-sel stílusozhasd. Az osztályneveket szóközzel válaszd el. |
| **További CSS** | A blokk megjelenését szabja testre. Nem kell CSS-szelektort megadnod, csak a tulajdonságot és az értéket, például `color: red;` a szöveg pirosra állításához. A mező csak azoknak látszik, akik rendelkeznek az `edit_css` jogosultsággal. |
| **HTML elem** | Egyes blokkoknál legördülő lista, amellyel kiválaszthatod a blokkot körülvevő HTML-elemet. Ezzel a tartalmat a képernyőolvasókhoz igazíthatod, és javíthatod a webhely akadálymentességét. |
| **Stíluslapok → Alkalmazzuk globálisan** | A blokk tipográfiai, térköz-, méret- és színbeállításait az összes azonos típusú blokkra érvényesíti. |
| **Engedélyezett blokkok** | Egyes blokkoknál megadhatod, hogy mely blokkok kerülhetnek beléjük. A módosításhoz kattints a **Engedélyezett blokkok kezelése** gombra. |

## Blokk zárolása és feloldása

Egy blokkot megvédhetsz attól, hogy elmozdítsák, töröljék, vagy mindkettőtől.

1. Jelöld ki a blokkot.
2. Az eszköztáron kattints a **Beállítások** (három pont) ikonra.
3. Válaszd a **Zárolás** lehetőséget.
4. Jelöld be a kívánt tiltást: **Mozgatás zárolása**, **Eltávolítás zárolása**, vagy az **Összes lezárása** jelölőnégyzetet mindkettőhöz.
5. Kattints az **Alkalmaz** gombra.

![A Zárolás (Bekezdés) ablak az Összes lezárása, Mozgatás zárolása és Eltávolítás zárolása jelölőnégyzetekkel](./kepek/blokkszerkeszto-3-zarolas.webp)

*A Zárolás (Bekezdés) ablak az Összes lezárása, Mozgatás zárolása és Eltávolítás zárolása jelölőnégyzetekkel* (https://minta-bolt.hu/wp-admin/post.php?post=9&action=edit)

Az ablak alján a **Mégsem** gombbal elveted a változtatást.

Amíg legalább egy zárolás érvényben van, a blokk eszköztárán és a [lista nézetben](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-lista-nezet/) egy lakat ikon látszik.

A feloldáshoz jelöld ki a zárolt blokkot, nyisd meg a három pontos menüt, és válaszd a **Zárolás** helyén megjelenő feloldó lehetőséget. Vedd ki a jelet a **Mozgatás zárolása**, az **Eltávolítás zárolása** vagy mindkettő mellől, majd kattints az **Alkalmaz** gombra. Ha mindkettő ki van véve, a blokk teljesen szabad, és a lakat eltűnik.

## Blokk elrejtése

Egy blokkot törlés nélkül is elrejthetsz. Azt is megadhatod, hogy a blokk csak bizonyos eszköztípuson (asztali gép, táblagép, mobil) legyen rejtve.

1. Jelöld ki a blokkot.
2. Az eszköztáron nyisd meg a **Beállítások** (három pont) menüt, és válaszd az **Elrejtés** lehetőséget. Gyorsbillentyűvel is megteheted: **Ctrl+Shift+H** (Macen **⇧⌘H**).
3. A **Blokk elrejtése** ablakban válaszd ki, mit szeretnél:
   - **Kihagyás a közzétett tartalomból**: a blokk teljesen kimarad a megjelenő oldalból.
   - **Elrejtés ezen: Asztali**, **Elrejtés ezen: Táblagép**, **Elrejtés ezen: Mobil**: a blokk csak a kijelölt eszköztípusokon nem látszik.
4. Kattints az **Alkalmaz** gombra.

![A Blokk elrejtése ablak a Kihagyás a közzétett tartalomból jelölőnégyzettel és az Asztali, Táblagép, Mobil elrejtési lehetőségekkel](./kepek/blokkszerkeszto-3-elrejtes.webp)

*A Blokk elrejtése ablak a Kihagyás a közzétett tartalomból jelölőnégyzettel és az Asztali, Táblagép, Mobil elrejtési lehetőségekkel* (https://minta-bolt.hu/wp-admin/post.php?post=9&action=edit)

A két mód nem ugyanazt jelenti:

- A **Kihagyás a közzétett tartalomból** eltávolítja a blokkot a közzétett oldalból. A látogatók, a képernyőolvasók és a keresők sem látják.
- Az eszköztípus szerinti elrejtésnél a blokk megmarad az oldal kódjában, csak a kiválasztott képernyőméreteken nem látszik. A képernyőolvasók, a keresők és bárki, aki az oldal kódját nézi, így is elérheti a tartalmat. **Ne használd ezt bizalmas tartalom elrejtésére.**

Az elrejtési beállítás a blokk oldalsávjából és a parancspalettáról is elérhető. A [lista nézetben](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-lista-nezet/) az elrejtett blokk neve mellett szem ikon látszik. Ha fölé viszed az egeret, a súgó kiírja, hogy a blokk el van rejtve.

### Elrejtett blokk visszahozása

1. Nyisd meg a lista nézetet (a szerkesztő bal felső sarkában a három vízszintes vonalas ikon).
2. Kattints az elrejtett blokk melletti három pontra, és válaszd a **Megjelenítés** lehetőséget.
3. Vedd ki a jelet a **Kihagyás a közzétett tartalomból** mellől, és/vagy az eszköztípusok mellől, amelyeken el volt rejtve.
4. Kattints az **Alkalmaz** gombra.

## Blokk törlése

Jelöld ki a blokkot, nyisd meg az eszköztáron a **Beállítások** (három pont) menüt, és válaszd a legalul lévő **Törlés** lehetőséget. Gyorsbillentyűvel: **Shift+Alt+Z**.

## Blokk vagy minta keresése

A blokkokat a bal felső sarokban lévő **+** (blokkbeszúró) gombbal böngészheted kategóriánként, vagy név szerint kereshetsz bennük. Némelyik blokk fölé víve előnézet és rövid leírás látszik. A blokkra kattintva beszúrod az oldalra.

A beszúróban mintákat is találsz: előre elkészített blokkcsoportokat, amelyekkel egy egész szakaszt egyszerre adhatsz az oldalhoz. A saját mintáid is itt jelennek meg. Lásd: [Blokkminták](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-mintak/).

## A leggyakoribb blokkok gyors elérése

A beszúróban külön kategóriában megjelenítheted a leggyakrabban használt blokkokat:

1. Kattints a szerkesztő jobb felső sarkában a három pontra.
2. Válaszd a **Beállítások** lehetőséget, majd a **Blokkok** fület.
3. Kapcsold be a **Mutassuk a legtöbbet használt blokkokat** kapcsolót.

Ezekről a [Szerkesztő beállításai](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-beallitasok/) fejezet szól részletesebben.

## Tippek

### Több blokk kijelölése

Ha egyszerre több blokkot jelölsz ki, együtt mozgathatod, átalakíthatod, csoportosíthatod, vagy közösen módosíthatod a beállításaikat. Háromféleképpen jelölhetsz ki több blokkot:

- Húzd át az egérrel a kívánt blokkokon.
- Jelölj ki egy blokkot, tartsd lenyomva a **Shift** billentyűt, és kattints egy másik blokkra.
- A **Shift** és a nyílbillentyűk együtt bővítik a kijelölést.

Egymásba ágyazott vagy nehezen kijelölhető blokkoknál a [lista nézetben](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-lista-nezet/) a legkönnyebb a kijelölés.

### Hivatkozás meglévő bejegyzésre vagy oldalra

Ha két nyitó szögletes zárójelet (**[[**) írsz a tartalomba, megjelenik a bejegyzések és oldalak listája, és kiválaszthatod, melyikre mutasson a hivatkozás.

### Minták létrehozása

Saját mintát szinkronizáltan vagy anélkül is létrehozhatsz.

- **Szinkronizált minta**: akkor használd, ha ugyanazt a tartalmat több oldalon is meg akarod jeleníteni. Ha módosítod a mintát, a változás mindenhol érvényesül, ahol használtad. Jó például elérhetőségekhez, nyitvatartáshoz, közösségimédia-hivatkozásokhoz vagy felhívásokhoz.
- **Nem szinkronizált minta**: akkor használd, ha egy elrendezést csak kiindulópontnak szánsz, és minden példányt külön szerkesztenél.

A részletek: [Blokkminták](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-mintak/).

### Blokkok csoportosítása

Több blokkot egyetlen csoportba foghatsz, és egységként kezelheted: közös háttérszínt vagy betűszínt adhatsz nekik, vagy együtt mozgathatod őket. Ha mégsem szeretnéd őket csoportban tartani, a csoportosítást megszüntetheted.