widget Kategorien: Medien
Das Widget „Form“ ist ein Design-Tool, mit dem wichtige Mitteilungen hervorgehoben werden können. Erstellen Sie Schaltflächen und Banner, heben Sie Auszeichnungen hervor und weisen Sie auf heruntergesetzte Preise hin. Sie können ein Bild, einen farbigen Hintergrund und Text hinzufügen, die Größe festlegen und Schatten einsetzen. Das Widget lässt sich an jeder Stelle platzieren und bietet somit ein Höchstmaß an Flexibilität.
-
Wählen Sie eine Form aus.
-
Wenn Sie dem Shape einen Hyperlink hinzufügen möchten, klicken Sie auf Link hinzufügen (weitere Informationen zu Hyperlinks finden Sie unter Linkauswahl.
-
Geben Sie einen Titel und eine Beschreibung für das Shape ein. Um den Titel und die Beschreibung auszublenden, klicken Sie auf das Augensymbol (
).
-
Geben Sie den Alt-Text (Alternativtext) und einen Tooltip für die Form ein.
Hinweis
Geben Sie Ihren eigenen Alternativtext ein oder klicken Sie auf das Symbol Sparkle (
), um den KI-Assistenten zum Generieren von Alternativtext zu verwenden.
Der vom KI-Assistenten generierte Alternativtext ist in derselben Sprache wie die aktuelle Sprache der Seite. Weitere Informationen zum AI Assistant finden Sie unter AI Assistant – Übersicht und Funktionen.
-
Um von einer Farbe zu einem Bildhintergrund zu wechseln, klicken Sie auf Layout .
-
Um das Standardbild zu ändern, navigieren Sie zur Registerkarte Stil und wählen Sie die Registerkarte Bild aus.
Hinweis
Wenn die Option "Proportionen beibehalten" deaktiviert ist, werden die Proportionen des Bildes an die widgetangepasst (nur klassischer Editor).
-
-
Passen Sie die Breite, Höhe und Hover-Effekte (für desktop) auf der Registerkarte Stil an.
Hinweis
In Flex-Schnitten und Editor 2.0 werden die Proportionen der Form standardmäßig beibehalten, auch wenn der Schalter "Proportionen beibehalten" deaktiviert ist.
-
Wenn Sie den widget über einem Bild oder einem anderen widgetplatzieren oder überlappen möchten, klicken Sie auf die Registerkarte Abstände und konfigurieren Sie die Ränder als negative Zahl (z. B. -50 Pixel).
-
Um das Symbol zu einem schwebenden widgetzu machen, aktivieren Sie den Schalter Schwebend und wählen Sie eine Position für das widgetaus. Um die schwebende widget nur auf der aktuellen Seite anzuzeigen, aktivieren Sie den Schalter Nur auf dieser Seite anzeigen .
Stellen Sie sicher, dass die von Ihnen definierten Design-Einstellungen pro Gerät korrekt sind. Einstellungen wie Abstände (des gesamten widget und einzelner Artikel), Breite und mehr werden pro Gerät definiert. Weitere Informationen finden Sie unter Bildschirmgrößen und Geräte.
So erstellen Sie ein interessantes Layout mit einer amorphen Form:
-
Erstellen Sie eine Zeile mit zwei Spalten.
-
Wählen Sie eine amorphe Form und fügen Sie diese der rechten Spalte hinzu.
-
Vergrößern Sie die Form, damit sie so groß ist wie die Spalte.
-
Wählen Sie im Designeditor das Layout mit dem Hintergrundbild aus und ersetzen Sie das Bild durch das gewünschte Bild.
So verwenden Sie eine Form als Schaltfläche mit einem Link und einem Hover-Effekt:
-
Wählen Sie die Kreisform und fügen Sie einen Titel und eine Beschreibung hinzu.
-
Wählen Sie die Farben für die Form und die Texte aus.
-
Um die Form in der Ecke eines Bildes zu positionieren, verwenden Sie auf der linken Seite der Form einen negativen Außenabstand (Abstände > Außenabstand > -50 Pixel für den linken und oberen Außenabstand).
So verwenden Sie Formen, um einen bestimmten Tarif oder Service hervorzuheben:
-
Wählen Sie die Flaggenform und fügen Sie einen Titel und eine kurze Beschreibung hinzu.
-
Deaktivieren Sie die Option Proportionen beibehalten , damit Sie nur die Breite anpassen können.
Hinweis
In Flex-Schnitten und Editor 2.0 werden die Proportionen der Form standardmäßig beibehalten, auch wenn der Schalter "Proportionen beibehalten" deaktiviert ist.
-
Wählen Sie die Farben für die Form und die Texte aus.
-
Um die Form so zu positionieren, dass sie den oberen Rand einer Spalte überlappt, verwenden Sie einen negativen oberen Außenabstand (Abstände > Außenabstand > -30 Pixel für den oberen Außenabstand).
So verwenden Sie eine Form, um eine Scroll-Schaltfläche zu erstellen:
-
Wählen Sie die Rautenform und fügen Sie einen Titel hinzu.
-
Deaktivieren Sie die Option Proportionen beibehalten , damit Sie nur die Breite anpassen können.
Hinweis
In Flex-Schnitten und Editor 2.0 werden die Proportionen der Form standardmäßig beibehalten, auch wenn der Schalter "Proportionen beibehalten" deaktiviert ist.
-
Wählen Sie die Farben für die Form und die Texte aus.
-
Um die Form auf einem Bild zu positionieren, verwenden Sie einen negativen oberen Außenabstand (Abstände > Außenabstand > -50 Pixel für den oberen Außenabstand).