# Előtöltő: tartalom kizárása, hogy a fejléc látszódjon betöltés közben

> Az Elsőként betöltendő szakasz: a fejléc vagy egy tetszőleges elem az előtöltő fölé emelése, osztály, pozíció és Z-Index beállítások.

Az előtöltő az egész képernyőt letakarja, a fejlécet is. Ha azt szeretnéd, hogy egy elem, általában a logót és a menüt tartalmazó fejléc az első pillanattól látsszon, használd az **Előtöltő** widget **Elsőként betöltendő** szakaszát. Az itt kijelölt elem az előtöltő fölé kerül, a többi pedig mögötte töltődik. A widget a Pro bővítmény része.

Előfeltétel a két kapcsoló az [áttekintő fejezetből](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kepek-media-eloto-attekintes/): a widget bekapcsolása a **The Plus Addons → Widgets** oldalon, és a webhelyszintű **Pre Loader** beállítás az **Extra Options → Settings → Design** fülön.

## A fejléc kizárása

1. Jelöld ki az **Előtöltő** widgetet, és a **Tartalom** fülön nyisd meg az **Elsőként betöltendő** szakaszt.
2. Kapcsold be a **Tartalom kizárása** kapcsolót.
3. A **Kizárás** maradjon a **Fejléc** értéken.
4. Frissítsd az oldalt, és nyisd meg.

A közzétett oldalon a webhely fejléce a képernyő tetejére rögzül, és az előtöltő fedőrétege fölött látszik, miközben az oldal többi része mögötte töltődik.

## Bármely más elem kizárása

1. Állítsd a **Kizárás** mezőt **Egyéni**re.
2. Keresd meg az elem CSS-osztályát a böngésző Vizsgálat eszközével, vagy adj neki egyet az Elementorban a **Haladó → CSS-osztályok** mezőben.
3. Írd az osztályt az **Osztály** mezőbe a kezdő ponttal együtt, például `.site-footer`. A mező helyőrzője is ezt a formát mutatja.
4. Válaszd ki a **Pozíció**t: **Felül** vagy **Alul**.
5. A **Z-Index** értékét hagyd meg, ha nincs rá okod, hogy megváltoztasd.
6. Frissítsd az oldalt, és nyisd meg.

![Az Elsőként betöltendő szakasz Egyéni kizárással](./kepek/kepek-media-eloto-elsokent.webp)

*Az Elsőként betöltendő szakasz Egyéni kizárással* (https://minta-bolt.hu/wp-admin/post.php?post=178&action=elementor)

A képen a **Tartalom kizárása** be van kapcsolva, a **Kizárás** **Egyéni**, az **Osztály** mezőben `.site-footer` áll, alatta a **Pozíció** (**Felül**) és a **Z-Index**.

A **Pozíció** a képernyőhöz rögzít, nem az oldalhoz. Amíg az előtöltő látszik, a kizárt elem `position: fixed` értéket kap, és a képernyő tetejére vagy aljára kerül. A betöltés végén visszakerül a helyére.

## Beállítások

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Tartalom kizárása** | Az egész funkciót bekapcsolja | Ki |
| **Kizárás** | A **Fejléc** a webhely fejlécét, az **Egyéni** a megadott elemet emeli ki | **Fejléc** |
| **Osztály** | A kiemelendő CSS-osztály kezdő ponttal. Csak **Egyéni** esetén | üres |
| **Pozíció** | Az elemet a képernyő tetejére vagy aljára rögzíti. Csak **Egyéni** esetén | **Felül** |
| **Z-Index** | Az elem rétegsorrendje, amíg az előtöltő látszik | 12345 |

A **Z-Index** alapértéke megegyezik az előtöltő saját fedőrétegének értékével (`z-index: 12345`), ezért jelenik meg a kizárt elem elöl. Csak akkor módosítsd, ha a weboldalad valamelyik eleme ennél nagyobb értéket használ.

## Hogyan viselkedik

- Kikapcsolt **Tartalom kizárása** mellett semmi sem változik: a fejléc a megszokott helyén marad, és az előtöltő eltakarja.
- **Fejléc** esetén csak a sablon saját fejlécelemét emeli ki.
- **Egyéni** esetén csak a megadott osztályú elemet, a fejlécet nem.
- A módosítás addig tart, amíg az előtöltő látszik.

## Korlátozások

- A **Fejléc** a sablon saját fejlécelemét célozza. Ha a fejlécet Elementor-sablonnal építetted, és az nem ad ilyen elemet, használd az **Egyéni** lehetőséget a fejléc osztályával.
- Több osztályt is felsorolhatsz, de minden egyező elem ugyanarra a helyre kerül, ezért az kiszámítható, ha egyetlen elemet célzol.
- A **Pozíció** és az **Osztály** csak **Egyéni** kizárásnál látszik.
- A nyilvános oldalon addig nem történik semmi, amíg a webhelyszintű **Pre Loader** beállítás nincs bekapcsolva.

## Hibaelhárítás

**Az elemet továbbra is eltakarja az előtöltő.** Ellenőrizd az osztályt: kell elé a pont, és olyan elemre kell mutatnia, amely valóban az oldalon van. Vizsgáld meg az oldalt, amíg az előtöltő látszik, és nézd meg, hogy az elem `position: fixed` értéket kapott-e.

**A kizárt elem a képernyő tetejére ugrik.** Ezt a **Pozíció** okozza. Állítsd **Alul**ra, ha az illik jobban az elemhez, vagy válassz másik elemet.

**A fejléc és az én elemem is mozog.** A **Kizárás** egyetlen választás, nem kettő egyszerre. Válaszd az **Egyéni**t, és add meg annak az elemnek az osztályát, amelyre szükséged van.