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 írja le.
Mielőtt elkezdesz
Szekció neve “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
Szekció neve “Részecskék beállítása”- 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.
- 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.
- Válassz egy Vászonstílust.
- Á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.
- 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.

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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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.
Készült: