SwissWP Vorher/Nachher

SwissWP Vorher/Nachher – Hilfe

Mit SwissWP Vorher/Nachher können Sie zwei Bilder interaktiv miteinander vergleichen. Besucher bewegen einen Schieberegler und können so direkt zwischen dem Vorher- und Nachher-Zustand wechseln.

1. Neuen Vergleich erstellen

Öffnen Sie im WordPress-Backend den Menüpunkt Vorher/Nachher und klicken Sie auf Neu hinzufügen.

Vergeben Sie zuerst einen aussagekräftigen Titel für den Vergleich. Der Titel dient hauptsächlich der Verwaltung im WordPress-Backend.

2. Vorher- und Nachher-Bild auswählen

Im Bereich Vorher/Nachher-Einstellungen können Sie ein Vorher-Bild und ein Nachher-Bild aus der WordPress-Mediathek auswählen oder neue Bilder hochladen.

Für das beste Ergebnis empfehlen wir, zwei Bilder mit möglichst identischen Abmessungen und demselben Bildausschnitt zu verwenden.

3. Ausrichtung auswählen

Sie können zwischen einer horizontalen und einer vertikalen Darstellung wählen.

Horizontal: Der Regler wird von links nach rechts bewegt.

Vertikal: Der Regler wird von oben nach unten bewegt.

4. Startposition einstellen

Mit der Startposition bestimmen Sie, an welcher Stelle der Regler beim Laden der Seite angezeigt wird.

Ein Wert von 50 % bedeutet, dass beide Bilder beim Start ungefähr zur Hälfte sichtbar sind.

5. Beschriftungen anpassen

Standardmässig verwendet das Plugin die Beschriftungen Vorher und Nachher.

Diese Texte können frei angepasst werden. Sie können die Beschriftungen auch vollständig deaktivieren.

6. Ecken-Rundung

Über die Einstellung für die Ecken-Rundung können Sie bestimmen, wie stark die Aussenecken des Bildvergleichs abgerundet werden.

Mit dem Wert 0 werden keine abgerundeten Ecken verwendet.

7. Vergleich über Shortcode einfügen

Nach dem Speichern wird Ihnen ein Shortcode angezeigt.

Beispiel:

[swisswp_vorher_nachher id="123"]

Ersetzen Sie die ID durch die ID Ihres eigenen Vergleichs.

Den Shortcode können Sie in Seiten, Beiträge, Widgets oder andere Bereiche einfügen, die WordPress-Shortcodes unterstützen.

8. Elementor verwenden

Wenn Elementor installiert ist, steht Ihnen das Widget SwissWP Vorher/Nachher zur Verfügung.

Ziehen Sie das Widget an die gewünschte Stelle und wählen Sie anschliessend den zuvor erstellten Vergleich aus.

9. Darstellung auf Smartphones

Der Bildvergleich ist responsive und kann auch per Touch bedient werden. Der Schieberegler lässt sich auf Smartphones und Tablets direkt mit dem Finger bewegen.

10. Mehrere Vergleiche auf einer Seite

Sie können beliebig mehrere Vorher-/Nachher-Vergleiche auf derselben Seite verwenden. Jeder Vergleich arbeitet unabhängig.

11. Lizenz & Updates

Unter Vorher/Nachher → Lizenz & Updates können Sie Ihren Lizenzschlüssel aktivieren und den aktuellen Lizenzstatus prüfen.

Dort sehen Sie auch die aktivierte Domain, das Ablaufdatum der Lizenz sowie die verbleibende Laufzeit.

Nach Ablauf der Lizenz bleibt die bereits installierte Plugin-Version auf der aktivierten Website weiterhin funktionsfähig. Neue Plugin-Updates stehen wieder zur Verfügung, sobald die Lizenz verlängert wurde.

12. Vergleich wird nicht angezeigt

Prüfen Sie zuerst, ob beide Bilder hinterlegt wurden und der Vergleich gespeichert wurde.

Kontrollieren Sie ausserdem, ob eine Lizenz für die aktuelle Website aktiviert wurde.

Falls Sie den Shortcode verwenden, stellen Sie sicher, dass die angegebene ID korrekt ist.

13. Bilder passen nicht perfekt übereinander

Für einen sauberen Vorher-/Nachher-Effekt sollten beide Bilder möglichst dieselben Abmessungen und denselben Bildausschnitt besitzen.

Wenn ein Bild beispielsweise im Hochformat und das andere im Querformat aufgenommen wurde, kann der Vergleich optisch weniger exakt wirken.

14. Shortcode

[swisswp_vorher_nachher id="123"]

Die Zahl entspricht der ID des jeweiligen Vorher-/Nachher-Vergleichs.