Tovább a tartalomhoz

Részecskés hátterek

Mozgó részecskehatás szekció, oszlop vagy tároló hátterében: beépített stílusok, beállítások, egyéni stílus JSON-kóddal, hibaelhárítás.

A Részecskés hátterek kiegészítővel mozgó, látványos hátteret adhatsz egy szekciónak, oszlopnak, tárolónak vagy widgetnek. Az effekt felkeltheti a látogatók figyelmét. A kiegészítő a UAE → Widgetek oldalon a Részecskés hátterek kapcsolóval kapcsolható be.

A kiegészítő jellemzői:

  • beépített stílusok: Sokszög, NASA, Hó, Hópelyhek, Karácsony, Halloween;
  • a részecskék kinézetének finomhangolása (szín, átlátszatlanság, méret, sebesség és más);
  • rámutatási effektus az interaktív háttérhez;
  • saját stílus kódolás nélkül.

A beállítások az Elementor szokásos háttérbeállításai mellett vannak. Szerkeszd az elemet, és nyisd meg a Stílus fület. A Háttér szakasz alatt találod az UAE - Részecskehátterek szakaszt.

  1. Szerkeszd az elemet, és menj a Stílus fülre.
  2. Nyisd ki az UAE - Részecskehátterek szakaszt.
  3. Kapcsold be a Részecskeháttér bekapcsolása kapcsolót.
  4. A Stílus listából válassz: Sokszög, NASA, Hó, Hópelyhek, Karácsony, Halloween vagy Egyéni.
  5. Állítsd be a Részecske színe és az Átlátszatlanság értékét.
https://minta-bolt.hu/wp-admin/post.php?post=34&action=elementor
Az UAE - Részecskehátterek szakasz bekapcsolva, NASA stílussal

A képen a bekapcsolt szakasz látszik a Stílus listával, a színnel és az átlátszatlansággal. A tároló felső sávjában már látod a részecskéket is.

A Speciális beállítások kapcsolóval további vezérlők jelennek meg.

Beállítás Mit csinál
Részecskék száma Hány részecske jelenjen meg.
Részecske mérete A részecskék nagysága.
Mozgási sebesség A részecskék mozgásának sebessége.
Rámutatási effektus engedélyezése Az egér mozgására reagáló, interaktív hatást ad.
https://minta-bolt.hu/wp-admin/post.php?post=34&action=elementor
A Speciális beállítások: részecskék száma, mérete, mozgási sebesség és a rámutatási effektus

A rámutatási effektust csak a látogatói oldalon látod, a szerkesztőben nem.

A beépített stílusokon túl saját stílust is készíthetsz JSON-kóddal. Kódolni nem kell hozzá: egy online részecske-szerkesztőben állítod össze, és a letöltött kódot másolod be.

  1. Nyisd meg az online részecske-szerkesztőt, amellyel a stílus megtervezhető.
  2. Állítsd be, amit szeretnél: a részecskék alakját, színét, méretét, számát és sűrűségét. Az interaktivitási beállításokkal megadhatod, mi történjen egérmozgásra vagy kattintásra. A részecskékhez oldalháttér is beállítható.
  3. Ha kész, kattints a Download current config (json) gombra. Ez letölti a stílus kódját.
  4. Nyisd meg a letöltött fájlt, és másold ki a teljes tartalmát.
  5. Az Elementorban nyisd meg annak az elemnek a Stílus fülét, amelynek a hátterét be akarod állítani.
  6. Az UAE - Részecskehátterek szakaszban válaszd a Stílus listában az Egyéni értéket.
  7. Illeszd be a kimásolt kódot a megjelenő JSON-mezőbe.
  8. Mentsd a változtatásokat.

Ha bekapcsoltad a hátteret, de semmi nem változik, az általában azért van, mert az elem tartalma kitölti a teljes helyet, és a részecskéknek nincs hova jelenniük. Például egy sorban van egy címsor, fölötte és alatta térköz, és ezeknek mind van háttérszíne. Ilyenkor a sorra beállított részecskés háttér eltűnik a tartalom mögött.

Megoldás: állíts átlátszó hátteret az összes oszlopnak és widgetnek, amely a részecskés háttérrel ellátott elem fölött van. Ahol az oszlopok vagy widgetek háttere átlátszó, a részecskés háttér látszik.

A Rámutatási effektus engedélyezése a következő esetekben nem hat:

  • Csak a látogatói oldalon látszik, a szerkesztőben nem működik.
  • Egy tartalom vagy térköz eltakarja a hátteret. Ha például a sorban egy címsor van fölötte és alatta egy-egy térközzel, ezek átlátszó háttere mellett a részecskék látszanak ugyan, de nem reagálnak, mert a kurzor a térközön van, nem közvetlenül a részecskéken. Az effekt ott működik, ahol a kurzor közvetlenül a részecskékhez ér.

Megoldás: vedd ki a térközt, és állíts a sornak belső margót (padding), így a részecskék látszanak, és az egér hozzájuk érhet.

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