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

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.

QR Code

Text zu Tabelle per Shortcode

Shortcodes spielen bei WordPress auch in 2020 noch eine große Rolle für Entwickler. In diesem Artikel lernen wir, wie ein Shortcode Inhalte aus einen Custom Field holen, und formatiert ausgeben kann.

GET IN TOUCH

Kontakt.