Kako dodati efekt čestica na stranicu koristeći Elementor

U ovom tekstu ćete vidjeti kako dodati efekt čestica na web stranicu uz pomoć Elementora. Prva stvar koju treba učiniti je kreirati kod stranice i odjeljka Atributi stranice u kontrolnoj tabli, pod opcijom Predložak mi ćemo izabrati Elementor Canvas. Zatim ćemo instalirati dodatak Granular, aktivirajte ga i izmijenite postavke ulaskom ispod opcije Omogući čestice kliknite na Da.
Kako dodati efekt čestica na web stranicu koristeći Elementor 1
Kada počnemo da pravimo stranicu, potrebno je da dodamo sekciju ispod sekcije Layout, postavite da Content Width biti Full Width, zatim sub Visina prilagoditi Min Height, a Minimalna visina prilagodite na osnovu vašeg ekrana, u ovom primjeru će biti 750px, tako da će se lijepo prikazati na cijelom ekranu. Ispod sekcije Stil, pozadinu ćemo postaviti na crnu.
Kako dodati efekt čestica na web stranicu koristeći Elementor 2
Nakon toga dodajemo efekat čestica. Pošto smo uključili opijum na kontrolnoj tabli Omogući čestice, sada u odjeljku Stil pojavila se opcija Omogući čestice. Hajde da uključimo taj prekidač, za Visina postavimo istih 750px kao kod Layout, kako bi se postigao efekat čestica preko cijele crne pozadine. Zatim pod opcijom Čestice JSON Kliknite na dugme Ovdje da generišete naš efekt čestica i kopirate taj kod.
Kako dodati efekt čestica na stranicu koristeći Elementor 3
Klikom na dugme Evo, otišli smo na sajt gde generišemo kod, tamo su već napravljeni particle efekti, kao npr Zadano, NASA, Bubble, Snow i Nyan Cat. Možemo odabrati svaki od njih i vidjeti kako izgledaju, au ovom primjeru ćemo odabrati Default a nakon toga ćemo kliknuti na dugme Skinuti.
Kako dodati efekt čestica na web stranicu koristeći Elementor 4
Kada smo preuzeli fajl, nalazimo ga u dokumentima, otvaramo ga Notepad++ ili neki drugi uređivač teksta, kopirajte kod i zalijepite ga u polje Čestice JSON. Kada to uradite, kliknite na Objavi a kada otvorite stranicu dobićete nešto slično kao na slici ispod.
Kako dodati efekt čestica na web stranicu koristeći Elementor 5
Nadam se da vam je ovaj tekst bio od koristi i da ste naučili nešto novo, ako ste zainteresovani da pročitate još saveta za samostalan rad, možete ih pogledati na našem blog, a u slučaju da se želite posavjetovati sa profesionalcima, kliknite na ovu Veza.

Izvor: youtube

Da li ste zainteresovani za usluge naše agencije?

Ostavite nam svoje podatke kako bismo Vas mogli kontaktirati za više informacija.

Autorska slika

Ostavite komentar:
Podijelite ovaj članak: