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

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 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.

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 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.

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.

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.