wedevtrust Logo

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

WooCommerce Shipping

WooCommerce-Versandklassen: Leitfaden für effektiven eCommerce-Versand

In diesem Blogbeitrag tauchen wir tief in die Welt von WooCommerce ein und lüften die Geheimnisse für das nahtlose Verwalten von speziellen Versandklassen. Diese spezialisierten Klassen ermöglichen es, unterschiedliche Versandregeln für bestimmte Produktkategorien anzuwenden, wodurch die Transparenz und Bequemlichkeit des Einkaufserlebnisses Ihrer Kunden verbessert wird.

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.

GET IN TOUCH

Kontakt.