# Sor, oszlop és szakasz beállításai

> A szerkezeti elemek szerkesztőablakai: sor, oszlop és szakasz, videó- és parallaxháttér, azonosító és saját osztály.

A **Sor**, az **Oszlop** és a **Szakasz** az oldal vázát adja. A sorok oszlopokra oszlanak, az oszlopokba kerülnek a tartalmi elemek, a szakasz pedig több sort fog össze. Mindhárom elem szerkesztőablakát a ceruza ikonnal nyithatod meg. A sorok és oszlopok használatáról (hozzáadás, elrendezés módosítása, belső sor) a [Szerkesztők és elrendezés](https://hub.hellowp.io/hu/plugins/js_composer/szerkesztok/) fejezet szól, itt a beállításokat találod.

## Sor

A sor az oldal fő építőeleme: logikai blokk, amelyet oszlopokra oszthatsz (például 1/2 + 1/2 vagy 1/3 + 1/3 + 1/3). Egy oldalon tetszőleges számú sor lehet. A sor helyét a bal felső sarkában lévő fogóval, függőleges húzással változtathatod meg.

![A sor szerkesztőablaka](./kepek/sor-beallitasai.webp)

*A sor szerkesztőablaka* (https://minta-bolt.hu/wp-admin/post.php?post=6&action=edit&wpb-backend-editor)

A képen a sor **Általános** füle látszik. A beállítások:

| Beállítás | Mit csinál |
|---|---|
| **Sor nyújtása** | A sor és a tartalom szélességét szabályozza. Az alapérték a sablon szerinti szélesség, a többi lehetőség teljes szélességűre nyújtja a sort (a tartalommal vagy anélkül, kitöltéssel vagy kitöltés nélkül). |
| **Column gap** | Az oszlopok közti távolság. A sor összes oszlopára érvényes. |
| **Full height** | A sor a böngészőablak teljes magasságát kitölti. Ha a tartalom magasabb a képernyőnél, a sor is magasabb lesz. |
| **Tartalom pozíciója** | A tartalom függőleges helye az oszlopokban: alapértelmezett, felül, középen vagy alul. A sablon alapértelmezése lehet a felső vagy más igazítás. Teljes magasságú soron az oszlopok helyét is megadhatod: felül, középen, alul. |
| **Azonos magasság** | Minden oszlop olyan magas lesz, mint a leghosszabb oszlop. |
| **Video background** | YouTube-videót állít a sor hátterébe. |
| **Parallax** | Parallax háttér a sornak. Ha nem adsz meg képet, a **Design options** fül háttérképét használja. |
| **Elem ID** | A sor azonosítója. Legyen egyedi, és feleljen meg a HTML azonosítókra vonatkozó szabályoknak. |
| **Extra osztálynév** | Saját CSS-osztály, amellyel a sorra hivatkozhatsz a stíluslapon. |
| **Design options** fül | Szegély, háttér és más stílusbeállítások, valamint a **CSS animation**. |

A teljes szélességű és teljes magasságú sorokról a [Szerkesztők és elrendezés](https://hub.hellowp.io/hu/plugins/js_composer/szerkesztok/) fejezet ír részletesen.

### Háttérvideó és parallax

- A **Video background** bekapcsolása után a **YouTube URL** mezőbe írd a videó hivatkozását. A YouTube-videó felülírja a háttérképeket, és parallaxszal is kombinálható.
- A **Parallax** beállításnál a kép a médiatárból választható, a sebességét a **Speed** mezőben állíthatod. Az alapérték 1,5, a hagyományos parallax hatáshoz legalább 1,0 kell.

### Belső sor

A sorba közvetlenül, vagy egy oszlopba is tehetsz sor elemet (belső sor), így bonyolultabb elrendezést építhetsz. Belső soron belül újabb belső sort nem lehet létrehozni.

## Oszlop

Az oszlop a sor része, ebben vannak a tartalmi elemek. Az oszlopokat vízszintesen húzva átrendezheted, így az elemeket logikai csoportokba szervezheted és egyben mozgathatod.

![Az oszlop szerkesztőablaka](./kepek/szerkesztes-elem-oszlop.webp)

*Az oszlop szerkesztőablaka* (https://minta-bolt.hu/wp-admin/post.php?vc_action=vc_inline&post_id=8&post_type=page)

Az oszlop szerkesztőablakának három füle van: **Általános**, **Design options** és **Reszponzivitás**.

| Beállítás | Mit csinál |
|---|---|
| **Video background**, **Parallax** | Ugyanúgy működnek, mint a soron: YouTube-videó vagy parallax kép az oszlop hátterében, sebességgel. |
| **Elem ID** | Az oszlop egyedi azonosítója. |
| **Extra osztálynév** | Saját CSS-osztály az oszlopnak. |
| **Design options** fül | Szegély, háttér és más stílusbeállítások. |
| **Reszponzivitás** fül | Az oszlop szélessége, eltolása és láthatósága eszközönként. |

## Szakasz

A szakasz gyökérszintű konténer, amely több sort fog össze. Csak az oldal gyökerébe tehető, más elembe (sorba sem), és csak sor kerülhet bele.

![A szakasz szerkesztőablaka](./kepek/szerkesztes-elem-szakasz.webp)

*A szakasz szerkesztőablaka* (https://minta-bolt.hu/wp-admin/post.php?vc_action=vc_inline&post_id=8&post_type=page)

| Beállítás | Mit csinál |
|---|---|
| **Hide section** | A szakasz letiltása: a látogatók nem látják. |
| **Szakasz nyújtása** | A szakasz szélességének módja (az alapérték: **Alapértelmezett**). |
| **Minimum height** | A szakasz legkisebb magassága. |
| **Tartalom pozíciója** | A tartalom helye: felül, középen vagy alul. |
| **Full height** | Teljes magasságú szakasz. Ha a tartalom magasabb a képernyőnél, a szakasz is nagyobb lesz. |
| **Video background**, **Parallax** | YouTube-háttér és parallax, mint a soron. A parallaxkép hiányában a **Design options** háttérképét használja. |
| **Elem ID**, **Extra osztálynév** | Azonosító és saját CSS-osztály. |
| **Design options** fül | Szegély, háttér, stílus, **CSS animation**. |