Divi-Themen
Natives Divi 5-Modul

Maskieren Sie Ihre Bilder32 atemberaubende Formen
Ohne Divi zu verlassen

Divi Image Masks Pro fügt dem Divi 5 Visual Builder ein natives Bildmaskenmodul hinzu – Kreise, Kleckse, Sterne, Herzen, Sechseckrahmen und mehr, mit integrierten Kontur-, Schatten-, Farbüberlagerungs- und Hover-Effekten. Kein Photoshop, keine zusätzlichen Plugins, kein Code.

32Maskenformen
5Stilfamilien
100 %Vektor (SVG)
0Codezeilen
Holen Sie sich Divi Maskify Durchsuchen Sie die 32 Masken

Modulfunktionen

Alles, was Sie brauchen, um Bilder wunderschön zu maskieren

Ein Divi 5-Modul, alle Optionen, die Sie von einem speziellen Bildmaskierungstool erwarten.

  • 32 integrierte Maskenformen

    Geometrisch, Sterne

  • Maskenumriss

    Ein farbiger Ring, der der exakten Silhouette der Maske folgt, nicht dem rechteckigen Modulkasten – volle Farb- und Breitenkontrolle.

  • Schatten formen

    Ein echter Schlagschatten, der sich an die Kontur der Maske und nicht an das rechteckige Feld anpasst, mit Steuerelementen für Farbe, Unschärfe und X/Y-Versatz.

  • Farbüberlagerung

    Färben Sie das Bild mit einer matten oder halbtransparenten Farbe, die automatisch an die Maskenform angepasst wird, um einen markentypischen Duotone-Look zu erzielen.

  • 5 Hover-Effekte

    Vergrößern, Verkleinern, Graustufen in Farbe, subtile Drehung oder Helligkeitsimpuls – mit einer benutzerdefinierten Animationsgeschwindigkeit.

  • Drehen

    Durch Drehen und horizontales/vertikales Umdrehen wird die Schablone gedreht, nicht das Foto darunter – Ihr Bild bleibt immer aufrecht und unverzerrt.

  • Bild anpassen/enthalten

    Füllen Sie die Maske von Kante zu Kante und schneiden Sie sie zu oder zeigen Sie das gesamte Bild innerhalb der Form an – Ihre Wahl, je nach Modul.

  • Anklickbarer Bildlink

    Verwandeln Sie jedes maskierte Bild in einen Link mit der Option „In neuem Tab öffnen“ – kein zusätzliches Schaltflächenmodul erforderlich.

  • Vollständige Divi-Design-Steuerelemente

    Größe, Abstände, Ränder, Filter, Transformationen und Box-Shadow auf dem Modul selbst – jedes Standard-Divi 5-Designpanel gilt weiterhin.

Erste Schritte

In weniger als einer Minute betriebsbereit

  1. Installieren

    Laden Sie das Plugin hoch/wp-content/plugins/und aktivieren Sie es wie jedes andere WordPress-Plugin.

  2. Öffnen Sie den Divi Builder

    Bearbeiten Sie eine beliebige Seite mit Divi 5 und suchen Sie nach„Bildmaske“in der Modulsuche.

  3. Hochladen

    Fügen Sie Ihr Bild ein und wählen Sie auf der Registerkarte „Design“ aus 32 Maskenformen.

  4. Stylen Sie es nach Ihren Wünschen

    Fügen Sie einen Umriss, einen Formschatten, eine Farbüberlagerung oder einen Hover-Effekt hinzu – und veröffentlichen Sie ihn dann.

FAQ

Häufig gestellte Fragen

Funktioniert Divi Image Masks Pro mit Divi 5?

Ja. Das Modul wurde nativ für das Modul-Framework von Divi 5 (Divi Builder 5.x) erstellt und erfordert, dass es aktiv ist.

Muss ich CSS oder Code schreiben?

Nein. Jede Option – Form, Umriss, Schatten, Überlagerung, Hover-Effekt – wird über das Divi Visual Builder-Bedienfeld gesteuert.

Bleiben die Masken auf Retina-Bildschirmen scharf?

Ja. Jede Form ist eine Vektor-SVG-Maske, keine Bitmap, sodass sie ohne Pixelierung auf jede Auflösung skaliert werden kann.

Kann ich eine Maske mit Divis Rand- und Box-Shadow-Panels kombinieren?

Die Standard-Border- und Box-Shadow-Panels von Divi gelten für die rechteckige Modulbox. Für einen Rahmen oder Schatten, der stattdessen der Form der Maske folgt, verwenden Sie die moduleigenen Optionen „Maskenumriss“ und „Formschatten“ auf der Registerkarte „Design“.

Verzerrt das Drehen oder Umdrehen der Maske mein Foto?

Nein. Drehen und Spiegeln werden nur auf die Maskenschablone angewendet – das Foto darunter bleibt immer aufrecht und unverzerrt.

Ist das Modul zugänglich?

Ja. Dekorschichten sind markiertaria-hidden, und alle Übergänge und Animationen respektieren dieprefers-reduced-motion media query.

Add Divi Image Masks Pro to Your Toolkit

One native Divi 5 module, 32 mask shapes, and every styling option you need — no coding required.

Holen Sie sich Divi Maskify
Deutsch