# Sorháttér widget: részecskék

> Animált részecskék a Sorháttér Középső rétegében: nyolc kész stílus, szín és alak beállítása, vagy saját particles.js-konfiguráció.

A szakasz mögött mozgó részecskék mozgást adnak a háttérnek anélkül, hogy elvonnák a figyelmet a ráhelyezett szövegről. A **Sorháttér** widget a **Középső rétegében** animált részecskéket rajzol: nyolc kész stílus közül választhatsz, vagy megadhatod a saját particles.js-beállításaidat. A widget a Pro bővítmény része; a bekapcsolását és a rétegeit az [áttekintő fejezet](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kepek-media-hatter-attekintes/) írja le.

## Mielőtt elkezdesz

- Kapcsold be a **Row Background** widgetet a **The Plus Addons → Widgets** oldalon.
- Húzd a widgetet abba a tárolóba (vagy klasszikus szakaszba), amelyik a hátteret kapja. A widget maga semmit nem rajzol, a háttér a tárolót tölti ki.

## Részecskék beállítása

1. Add hozzá a **Sorháttér** widgetet a tárolóhoz. A **Tartalom → Mély réteg** szakaszban válassz hátteret, amelyre a részecskék kerülnek, például egy sötét **Folytonos színt**.
2. Nyisd meg a **Középső réteg** szakaszt, és a **Válaszd ki az opciót** listában válaszd a **Canvas-effektus** elemet.
3. Válassz egy **Vászonstílust**.
4. Állítsd be a részecskék színét: a **Stílus 2** és a **Stílus 7** között a **Szín** mezőt, a **Stílus 1** esetén a **Több szín kiválasztása** listát használd. A **Stílus 5**, **Stílus 6** és **Stílus 7** esetén van **Vászon alakja** is.
5. **Egyéni** stílusnál építsd fel a részecskéidet a particles.js online szerkesztőjében, és illeszd be a kapott JSON-t a **Részecskék JSON** mezőbe.

![Három réteggel készült háttér: a tájkép fölött vékony vonalakkal összekötött részecskék, legfelül sötét fedvény](./kepek/kepek-media-hatter-attekintes-harom-reteg.webp)

*Három réteggel készült háttér: a tájkép fölött vékony vonalakkal összekötött részecskék, legfelül sötét fedvény* (https://minta-bolt.hu/h8-attekintes/)

A képen a **Canvas-effektus** részecskéi a **Mély réteg** képe fölött, a **Felső réteg** fedvénye alatt látszanak.

## Vászonstílusok

| Stílus | További beállítások |
|---|---|
| **Stílus 1** | Lebegő buborékok; **Több szín kiválasztása** |
| **Stílus 2**, **Stílus 3**, **Stílus 4** | **Szín** |
| **Stílus 5**, **Stílus 6**, **Stílus 7** | **Szín** és **Vászon alakja** (**Kör**, **Edge**, **Háromszög**, **Sokszög**, **Csillag**) |
| **Stílus 8** | Fehér, felfelé úszó buborékok; nincs színbeállítás |
| **Egyéni** | **Részecskék JSON** és **Részecskék JSON z-indexe** |

## Hogyan viselkedik

- Mind a nyolc stílus és az egyéni JSON is animált volt a megjelenő oldalon.
- A részecskék a **Mély réteg** fölött és a **Felső réteg** alatt jelennek meg, ezért a **Felső rétegben** lévő fedvény őket is eltakarja.
- A panel jelzi, hogy az **Egyéni** vászon a szerkesztőben nem látszik. Frissítsd az oldalt, és a megjelenő oldalon ellenőrizd.

## Korlátozások

- Az **Egyéni** vászon nem előnézhető a szerkesztőben.
- A **Stílus 8** mindig fehér buborékokat használ.

## Hibaelhárítás

**A részecskék nem látszanak.** Lehet, hogy a részecskék színe megegyezik a háttérrel, vagy túl halvány rajta. Válassz kontrasztos **Színt** vagy sötétebb **Mély réteget**.

**Az egyéni részecskéim nem jelennek meg.** A megjelenő oldalon nézd meg, ne a szerkesztőben, és ellenőrizd, hogy a JSON-t teljes egészében illesztetted-e be.