Gratis Elementor Partikler Baggrund (particles.js)
Particles er en gratis Master Addons udvidelse, der kører en particles.js animation bag enhver Elementor sektion, kolonne eller beholder. Tænd den, og du får standardeffekten med det samme: hvide prikker, der driver hen over sektionen, sammenføjet af tynde linjer og skubbet væk af markøren. For alt andet, som faldende sne, stigende bobler eller et stjernefelt, skal du bygge en config i particles.js generator og indsætte sin JSON i panelet.
En bevægelig baggrund uden en videofil
Partiklerne tegnes på et lærred af particles.js scriptet, så der er ingen video eller billede at hente. Z-indeks indstillingen bestemmer, hvor partikellaget sidder, så du kan holde det bag dine overskrifter og knapper. Hvis du bruger partikler på mere end et afsnit, skal du holde partikeltællingerne beskedne og kontrollere siden på en telefon.
- Ingen video- eller billedfiler: animationen tegnes i browseren.
- En Z-indeksindstilling for at holde partikellaget bag dit indhold.
- Arbejder på sektioner, kolonner og containere, hver med sin egen konfiguration.
Enhver particles.js effekt fra ét JSON felt
Particle JSON-feltet styrer alt, hvad particles.js kan gøre: partikelantal, farve, form, størrelse, opacitet, sammenkædningslinjer, hastighed og retning, plus hover og klik interaktioner. Linket over feltet åbner particles.js generator. Vælg en forudindstilling som NASA, Bubble eller Snow, juster den med skydere og download config. Indsæt den og sektionen opdaterer i editoren.
- Forudindstillinger på generatoren: Standard, NASA, Bubble, Snow og Nyan Cat.
- Former: cirkel, kant, trekant, polygon, stjerne eller dit eget billede.
- Hold markøren og klik tilstande som repulse, grab, boble og skubbe.
Sådan tilføjes en partikelbaggrund i Elementor
De hvide standardpartikler har brug for en mørk eller farverig baggrund for at dukke op, så indstil det først.
- Slå Partikler til under fanen Udvidelser på instrumentbrættet Master Addons.
- Vælg en sektion, kolonne eller beholder, og giv den en mørk baggrundsfarve.
- Åbn fanen Stil, udvid Partikler, og tænd Aktiver partikelbaggrund.
- For en anden effekt, klik på linket over Particle JSON, vælg en forudindstilling i generatoren, download JSON og indsæt den i feltet.
- Indstil Z-indeks, så partikellaget bliver bag dit indhold, og udgiv derefter.
Vores partikler baggrund tutorial går gennem hvert trin med skærmbilleder.
Particles.js i WordPress: i hånden eller med udvidelsen
particles.js er et gratis JavaScript bibliotek, og du kan selv tilføje det til WordPress. Her er hvad der kræver i forhold til udvidelsen.
| Tilføjelse af particles.js i hånden | Partikelforlængelse | |
|---|---|---|
| Indlæser scriptet | Sæt biblioteket i kø i dit tema | Indlæses kun på sider med partikeludsnit |
| Partikelag | Tilføj en div og placer den bag indholdet med CSS | Tilføjet til sektionen for dig |
| Konfiguration | Kald particlesJS() med din JSON i et script | Indsæt JSON i panelet |
| Preview | På forenden | Lige i Elementor-redaktøren |
| Lagdeling | Skriv dine egne z-indeks regler | Z-indeksfelt |
Partikler passer godt sammen med Glasmorfisme kort på toppen. For andre bevægelige baggrunde, prøv Baggrund Slider eller Animeret Gradient Baggrund (Pro).
Ofte stillede spørgsmål til partikler
Jeg er ikke udvikler. Er JSON-tingene for hårde for mig?
Nej. At slå effekten til giver dig standardlooket uden nogen JSON overhovedet. For andre udseende fungerer particles.js-generatoren med skydere og farvevælgere. Download den konfiguration, den opretter, og indsæt den i Particle JSON-feltet.
Kan jeg bruge mit eget billede (som et logo) som partikel?
Ja. I particles.js generator, indstille form typen til billede og indtaste URL af dit billede, såsom et lille logo. Hent config og indsætte det i Particle JSON feltet.
Vil dette virke på mobiltelefoner?
Ja, animationen kører på telefoner og tablets. Et højt partikelantal kan bremse ældre telefoner, så hold antallet beskedent for sektioner, som mobile besøgende vil se.
Kan jeg have forskellige partikeleffekter på forskellige sektioner af samme side?
Ja. Hver sektion, kolonne og beholder har sit eget Particle JSON-felt, så din helt kan vise et stjernefelt, mens en anden sektion bruger sne.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
