Mit dem „Vorher & Nachher“ können Sie zwei Bilder nebeneinander anzeigen, um einen auffälligen und ansprechenden visuellen Vergleich zu ermöglichen. Das enthält einen anpassbaren Schieberegler, der sich zwischen den beiden Bildern hin- und herschieben lässt.
So fügen Sie das hinzu:
- Klicken Sie in der linken Seitenleiste auf Widgets.
- Klicken Sie auf das „Vorher & Nachher“ und ziehen Sie es auf Ihre Website.
Mehr zum Hinzufügen von zu Ihrer Website erfahren Sie unter Widgets hinzufügen.
Inhalts-Editor
So können Sie den Inhaltseditor aufrufen:
- Klicken Sie mit der rechten Maustaste auf das und dann auf Inhalt bearbeiten.
- Klicken Sie auf + Bild, um die Vorher- und Nachher-Bilder hinzuzufügen.
- Geben Sie eine Beschriftung für die Bilder ein. Wenn Sie die Beschriftungen ausblenden möchten, klicken Sie auf das Augensymbol (
). - Geben Sie Alternativtext für die Bilder ein. Sie können entweder Ihren eigenen Alternativtext eingeben oder auf das Glitzer-Symbol (
) klicken, um den KI-Assistenten zum Generieren von Alternativtext zu verwenden. Wiederholen Sie den Vorgang sowohl für das Vorher- als auch für das Nachher-Bild. Das Glitzer-Symbol wird deaktiviert, wenn kein Bild ausgewählt ist.
Sie müssen mindestens den Team-Tarif haben und über KI-Berechtigungen verfügen, um den KI-Assistenten verwenden zu können.
Der KI-Assistent generiert den Alternativtext in der derselben Sprache wie die aktuelle Sprache der Seite.
Design-Editor
So rufen Sie den Designeditor auf:
- Klicken Sie mit der rechten Maustaste auf das und dann auf Design bearbeiten.
- Wenn Sie die Bilder und den Schieberegler anpassen möchten, klicken Sie auf Bilder & Schieberegler.
- Wenn Sie den Stil und Text der Beschriftung anpassen möchten, klicken Sie auf Beschriftungen.
Stellen Sie sicher, dass die von Ihnen definierten Design-Einstellungen für das jeweilige Gerät korrekt sind. Einstellungen wie Abstand, Bildgröße und mehr werden pro Gerät definiert. Weitere Informationen finden Sie unter Bearbeiten nach Gerät.
Informationen über Designoptionen, die nicht spezifisch für dieses eingestellt werden (z. B. Layout, Stil oder Abstände), finden Sie unter Widget-Design.
Beispiele
