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

Share on facebook
Share on twitter
Share on linkedin

Ähnliche Beiträge

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.

eCommerce Sales

5 Tipps für eCommerce im Lockdown

eCommerce boomt denn seit Corona versteht jeder den Sinn von Online Shops und Digitalisierung. Wir betreuen Online Shops bereits seit Anfang des Jahrtausends als man die noch selber programmieren musste und möchten Dir an dieser Stelle verraten, wie auch Deine eCommerce-Tools ordentlich Umsatz machen und Dich krisenfest über Wasser halten können.

GET IN TOUCH

Kontakt.