Tovább a tartalomhoz

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

  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.

  1. Állítsd a Kizárás mezőt Egyénire.
  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.
https://minta-bolt.hu/wp-admin/post.php?post=178&action=elementor
Az Elsőként betöltendő szakasz Egyéni kizárással

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

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

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 Alulra, 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énit, és add meg annak az elemnek az osztályát, amelyre szükséged van.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások