Ako pridať časticový efekt na stránku pomocou Elementor

V tomto texte uvidíte, ako pridať časticový efekt na webovú stránku pomocou Elementor. Prvá vec, ktorú musíte urobiť, je vytvoriť kód stránky a sekcie Atribúty stránky na ovládacom paneli pod možnosťou Šablóna vyberieme Elementor Canvas. Ďalej nainštalujeme doplnok Granulovaný, aktivujte ho a upravte nastavenia tak, že prejdete pod možnosť Povoliť častice kliknite na áno.
Ako pridať časticový efekt na webovú stránku pomocou Elementor 1
Keď začneme vytvárať stránku, musíme pridať sekciu pod sekciu Rozloženie, nastavte na Šírka obsahu prebudiť sa Plná šírka, potom pod Výška upraviť Min. výška, a Minimálna výška upraviť na základe vašej obrazovky, v tomto príklade to bude 750 pixelov, takže sa zobrazí pekne na celej obrazovke. Pod sekciou štýl, pozadie nastavíme na čierne.
Ako pridať časticový efekt na webovú stránku pomocou Elementor 2
Potom pridáme časticový efekt. Odkedy sme zapli ópium v ovládacom paneli Povoliť častice, teraz v sekcii štýl sa objavila možnosť Povoliť častice. Zapnime ten vypínač Výška nastavme rovnakých 750 pixelov ako kód Rozloženie, aby sa dosiahol časticový efekt na celom čiernom pozadí. Potom pod možnosťou Častice JSON Kliknutím na tlačidlo Tu vytvoríte náš časticový efekt a skopírujete tento kód.
Ako pridať časticový efekt na stránku pomocou Elementor 3
Kliknutím na tlačidlo Tu, išli sme na stránku, kde generujeme kód, sú tam už urobené časticové efekty, ako napr Predvolené, NASA, Bubble, Snow a Nyan Cat. Môžeme vybrať každý z nich a vidieť, ako vyzerajú, a v tomto príklade vyberieme Predvolené a potom klikneme na tlačidlo Stiahnuť.
Ako pridať časticový efekt na webovú stránku pomocou Elementor 4
Keď sme súbor stiahli, nájdeme ho v dokumentoch, otvoríme ho v Poznámkový blok++ alebo v inom textovom editore, skopírujte kód a vložte ho do poľa Častice JSON. Keď to urobíte, kliknite na Publikovať a keď otvoríte stránku, dostanete niečo podobné ako na obrázku nižšie.
Ako pridať časticový efekt na webovú stránku pomocou Elementor 5
Dúfam, že tento text bol pre vás užitočný a dozvedeli ste sa niečo nové, ak máte záujem prečítať si ďalšie tipy na samostatnú prácu, môžete si ich pozrieť na našom blog, a v prípade, že sa chcete poradiť s profesionálmi, kliknite na tento odkaz.

Zdroj: YouTube

Máte záujem o služby našej agentúry?

Nechajte nám svoje údaje, aby sme vás mohli kontaktovať pre ďalšie informácie.

Autorský obrázok

Zanechajte komentár:
Zdieľajte tento článok: