Partikel Effekte ganz einfach in 5 Minuten

Divi Particles
Es gibt zahlreiche Artikel darüber, wie man Containern in Divi oder einem anderen Pagebuilder beeindruckende Partikel Effekte verleihen kann. Hier und jetzt wollen wir das auf die einfachste Art und Weise tun.

Partikel Effekte Schnell und Simpel

Es gibt zahlreiche Artikel darüber, wie man Containern in Divi oder einem anderen Pagebuilder beeindruckende Partikel Effekte verleihen kann. Sie alle lauten ungefähr installiere dies, lade das herunter, konfiguriere jenes usw. Hier und jetzt wollen wir das alles zuerst auf die einfachste Art und Weise tun und vielleicht später etwas komplizierter werden.

Ich würde nichts empfehlen, was ich selbst nicht begeistert eingesetzt habe. Fettgedruckte Links sind Affiliate-Links. Ich empfehle, was dort zu finden ist, und wenn Du einen Kauf tätigst, bekomme ich eine Provision ohne zusätzliche Kosten für Dich.

Learn

Keep reading for an explanation on how to go on about it.

Keep reading

The button will take you to a step by step guide through the process.
Continue

Watch

Take a look at what this is all about and see the feature in action.

Go there

The button will take you to a project were we implemented this feature.
particles.js

Download

Get the files from GitHub immediately and for free.

From GitHub

The button will take you to GitHub were the files you need are available.
GitHub

Zuerst solltest Du alles, was Du hier findest, in ein Divi Code Modul kopieren und einem Abschnitt, einer Zeile oder einem Modul die CSS-ID particles geben. Fertig! Nun sollten die Divi-Partikel den Hintergrund des Partikel-Elements als Zeichenfläche verwenden.

Row Settings Particles

Du kannst dann mit Farben, Größen und Tranparenzen herumspielen. Oder hier einen ganz neuen Look generieren. Versuchen Sie, den alten Teil des Skripts durch die neue Konfiguration zu ersetzen, wenn Sie sich trauen.

Particles.js ist eine bekannte Ressource, die gut mit verschiedenen Frameworks, Pagebuildern und natürlich auch mit Vanille-HTML funktioniert. Sieh mal, ein Elementor-HTML-Widget:

Das Hinzufügen von Partikeln ist wirklich einfach, oder? Ein Skript kopieren und einem Element eine ID geben. Ein durchschnittlicher Zwölfjähriger könnte das tun.

Möchtest Du ein wenig tiefer in JavaScript mit Divi eintauchen? Hier erfährst Du, wie man JavaScript ausführen kann wenn ein Button geklickt wird.

Teilen

Ähnliche Beiträge

Time to Update

Wartung Umsatzstarker WooCommerce Shops

Was tun, wenn Plugin Updates bei einem hochfrequentierten Onlineshop plötzlich Probleme verursachen? Vor dieser Aufgabe standen wir, als ein Wartungsintervall zunächst erfolgversprechend aussah, dann aber unter Last zu einer Nichterreichbarkeit des umsatzstarken WooCommerce Shops unseres Kunden führte.

Poorly Coded PWA

WooCommerce Lieferzeit bei Rückstand

WooCommerce wird am Deutschen Markt häufig zusammen mit Germanized verwendet, da in Deutschland unter anderem die Angabe von Lieferzeiten rechtlich verpflichtend ist. Hier zeigen wir Dir, wie einfach es ist, unterschiedliche Lieferzeiten für ein Produkt auszuweisen, abhängig davon, ob es vorrätig ist oder sich im Lieferrückstand befindet.

WooCommerce SQL

WooCommerce Metadata mit SQL Manipulieren

WooCommerce hat, mit Germanized an Board, mehrere Möglichkeiten Artikelnummern zu speichern. Hat der Praktikant zwei Tage lang bei den 3000 Artikeln des WooCommerce Onlineshops die EAN in das falsche Feld eingegeben? Dann muss ein SQL-Superheld den Tag retten der Inhalte in kürzester Zeit von einem Feld in’s andere kopieren kann.

GET IN TOUCH

Kontakt.