# Az első oldal felépítése szakaszokkal

> A szakasz, oszlop, widget szerkezet és egy nyitó (hero) rész felépítése a régi, szakaszos módszerrel.

A szakaszos módszer az Elementor régebbi építési módja. A mostani szerkesztőben új elrendezést tárolókkal készítesz (lásd [Az első oldal felépítése tárolókkal](https://hub.hellowp.io/hu/plugins/elementor/szerkeszto-elso-oldal-tarolokkal/)). Ha viszont olyan oldalt szerkesztesz, amely szakaszokból áll, a szerkezet és a lépések az alábbiak.

## Építőelemek

Az Elementor oldalai három fő elemből állnak:

1. **Szakasz**: a legnagyobb építőelem, ez tartja az oszlopokat.
2. **Oszlop**: a szakaszon belül ül, és a widgeteket tartja.
3. **Widget**: az oszlopba kerül, ez a működő elem (például címsor, gomb, kép).

## A hero szakasz

A hero szakasz nagy, feltűnő rész az oldal tetején, jellemzően egy jó képpel, videóval vagy diavetítéssel. Itt egy fényképpel dolgozunk, amit háttérként teszel a szakaszra.

### A szakasz létrehozása

1. Kattints a **+** ikonra új szakasz létrehozásához. (A mappa ikon sablon importálását indítja, most nem az kell.)
2. Válaszd az oszlopszerkezetet: itt az egy oszlopos kell.

A szakasz létrehozása után a bal oldali panel **Szakasz szerkesztése** nézetre vált. Ha nem váltott át, kattints a szakasz fölötti kék sáv pont ikonjára.

### Méret

1. A szakasz elrendezési beállításainál állítsd a szélességet teljes szélességre.
2. A minimális magasságot add meg 91 VH-ban. A VH (a képernyő magasságának százaléka) rugalmasabb a pixelnél, mert a szakasz a képernyő méretéhez igazodik.

### Háttérkép

1. Nyisd meg a **Stílus** fület, és válaszd a klasszikus háttértípust.
2. Kattints a kép ikonra: megnyílik a Média könyvtár. A WordPressben ajánlott a képeket a Média könyvtáron át betenni.
3. Kattints a **Fájlok feltöltése** gombra, és válaszd ki a letöltött képet.
4. Add meg az alternatív szöveget és a feliratot (nem kötelező, de segíti a keresőoptimalizálást és az akadálymentességet), majd kattints a **Média beszúrása** gombra.
5. A kép még nem néz ki jól, ezért állítsd be: a pozíció legyen fent középen, az ismétlés kikapcsolva (nincs ismétlés), a méret borító (a kép kitölti a szakaszt). Így egyetlen nagy kép fedi az egész szakaszt.

### Címsor

1. Kattints a widget ikonra, és húzd a **Címsor** widgetet a szakaszba.
2. A **Cím** mezőbe írd be a szöveget, például: „A kenyérsütés művészete”, és igazítsd középre.

### Negatív margó

A címet a szakasz tetejére szeretnéd tenni, nem a közepére. Ehhez negatív margót használsz: a címsor widget és a szakasz teteje közötti margót csökkented.

1. A margókat a widget haladó beállításainál (**Haladó** fül) állítod.
2. Alapból a margók össze vannak kapcsolva (mind egyforma). Oldd fel a kapcsolatot.
3. A **Felső** margó legyen -300.

### Mentés

Kattints a **Közzététel** gombra az oldal mentéséhez.

## Merre tovább

A hero alá újabb szakaszokat tehetsz, hogy az oldal többi részét is felépítsd. Használhatsz kész webhelykészletet is, és azt a saját igényeidre szabhatod. Ha az egész webhely szerkezetét a nulláról szeretnéd megtervezni, ahhoz a Téma építőt (Theme Builder) használd.