Wie kann man in WordPress ein Bild per Klick des Nutzers umdrehen?

Um in WordPress ein Bild durch einen Klick eines Nutzers umzudrehen (z.B. horizontal oder vertikal spiegeln), kannst du JavaScript und etwas CSS verwenden. Hier ist eine einfache Möglichkeit, das umzusetzen:

**1. Bild in einen Beitrag oder eine Seite einfügen**

Füge das Bild wie gewohnt in deinen Beitrag oder deine Seite ein. Gib dem Bild eine eindeutige CSS-Klasse oder ID, z.B. `class="drehbild"`.

**2. JavaScript und CSS hinzufügen**

Füge folgenden Code in den Customizer unter „Zusätzliches CSS/JS“ ein oder verwende ein Plugin wie „Simple Custom CSS and JS“:

```html
<style>
.drehbild {
transition: transform 0.3s;
cursor: pointer;
}
.drehbild.gespiegelt {
transform: scaleX(-1); /* Horizontal spiegeln */
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
var bild = document.querySelector('.drehbild');
if(bild) {
bild.addEventListener('click', function() {
bild.classList.toggle('gespiegelt');
});
}
});
</script>
```

**3. Funktionsweise**

- Das Bild erhält beim Klick die Klasse `gespiegelt`.
- Mit CSS wird das Bild dann horizontal gespiegelt.
- Ein erneuter Klick entfernt die Spiegelung wieder.

**Hinweise:**
- Für vertikales Spiegeln ändere `scaleX(-1)` zu `scaleY(-1)`.
- Wenn du mehrere Bilder so umdrehen möchtest, passe das Skript entsprechend an (z.B. mit `querySelectorAll` und einer Schleife).

**Weitere Infos:**
- [WordPress Customizer](https://wordpress.org/support/article/appearance-customize-screen/)
- [Simple Custom CSS and JS Plugin](https://de.wordpress.org/plugins/custom-css-js/)

So kannst du das gewünschte Verhalten einfach umsetzen, ohne ein spezielles Plugin installieren zu müssen.