JULE – Just Unique Label Extension for AI Images

Ab dem 2. August 2026 müssen KI-generierte Bilder auf Websites gekennzeichnet werden (EU AI Act, Artikel 50). JULE macht das so einfach wie möglich.

So funktioniert es

JULE zeigt ein kleines Stern-Badge auf jedem Bild oder Element, das als KI-generiert markiert ist. Beim Hover (oder Tap auf dem Handy) erscheint ein Tooltip mit dem Hinweis "Mit KI generiert".

Du musst nichts konfigurieren. Plugin installieren, Element markieren, fertig.

Wie markiere ich ein Element?

Es gibt zwei Wege:

Weg 1: Per Schalter im Editor (empfohlen)

JULE fügt einen "KI-generiert"-Toggle direkt in den Editor ein. Du musst keine CSS-Klassen kennen.

• Gutenberg (WordPress-Editor): Wähle einen Block aus, öffne den Tab "Erweitert" in der rechten Seitenleiste. Ganz unten findest du den Schalter "KI-generiert".
• Kadence Blocks: Gleich wie Gutenberg - der Schalter erscheint im Tab "Erweitert".
• Elementor (klassisch): Wähle ein Element aus. Im Tab "Layout" findest du die Section "JULE" mit dem Schalter.
• Elementor v4 (neuer Editor): Wähle ein Element aus. Unter "Allgemein" findest du die Section "JULE" mit dem Schalter.

Weg 2: Per CSS-Klasse (manuell)

Vergib die CSS-Klasse julewp-ai an ein beliebiges HTML-Element. Das funktioniert mit jedem Page Builder und jedem Theme.

• Gutenberg: Erweitert > Zusätzliche CSS-Klasse(n)
• Elementor: Erweitert > CSS-Klassen
• Kadence: Erweitert > CSS-Klassen
• Divi, Bricks, oder jeder andere Builder: Trage julewp-ai im CSS-Klassen-Feld ein.

Hinweis zu Elementor v4: Bilder und andere Einzelelemente

Der neue Elementor v4 Editor hat keine Wrapper-Elemente mehr um Bilder, Trennlinien und ähnliche Einzelelemente. Das bedeutet: Der JULE-Toggle kann bei diesen Elementen nicht direkt verwendet werden, weil das Badge technisch nicht innerhalb eines <img>-Tags platziert werden kann.

Lösung: Packe das Bild in einen Div-Block (Container) und aktiviere den JULE-Toggle dort. Das Badge erscheint dann auf dem Container und überlagert das Bild wie gewohnt.

Bei allen anderen v4-Elementen (Überschriften, Absätze, Buttons, Container, etc.) funktioniert der Toggle direkt.

Einstellungen

Unter Einstellungen > JULE im WordPress-Admin kannst du das Aussehen anpassen:

Kompatibilität

• Gutenberg (WordPress Block-Editor)
• Kadence Blocks
• Elementor (klassisch und v4)
• Divi
• Bricks
• Jeder andere Builder oder jedes Element, das CSS-Klassen unterstützt

FAQ

Muss ich etwas konfigurieren?

Nein. Plugin aktivieren, Element markieren, fertig. Alles andere ist optional.

Kann ich den Tooltip-Text ändern?

Ja, unter Einstellungen > JULE.

Ist das automatisch rechtskonform?

JULE liefert die technische Kennzeichnung. Die rechtliche Verantwortung für die korrekte und vollständige Umsetzung liegt beim Website-Betreiber.

Funktioniert das auf dem Handy?

Ja. Auf Touch-Geräten erscheint der Tooltip per Tap auf den Stern. Ein zweiter Tap oder Tap auf eine andere Stelle schließt ihn wieder.

Werden externe Ressourcen geladen?

Nein. Kein externes CSS, kein externes JavaScript, keine Cookies, keine Daten an Dritte. Alles läuft lokal.

Changelog

1.3

• CSS-Klasse von ki-generiert zu julewp-ai umbenannt
• Elementor v4 (Atomic Widgets): JULE-Toggle als eigene Section für alle v4-Elemente
• Elementor v3: JULE-Toggle vom Advanced-Tab in den Layout-Tab verschoben
• Gutenberg/Kadence: Eigenes Block-Attribut statt sichtbarer CSS-Klasse
• Gutenberg/Kadence: JULE-Toggle im Erweitert-Tab ohne Accordion
• Serverseitiges Rendering der Klasse für statische und dynamische Blöcke

1.2

• KI-Switch in der Seitenleiste für Gutenberg- und Kadence-Blöcke
• KI-Switch im Elementor-Panel
• Klasse wird bei aktivem Switch automatisch gesetzt

1.1

• Tap-to-show Tooltip auf Mobilgeräten
• Tooltip per Tap oder ESC schließbar

1.0

• Erstveröffentlichung
• CSS-Klasse julewp-ai mit Badge und Hover-Tooltip
• Einstellungsseite für Position, Farben, Tooltip-Text und Hover-Trigger