Widget-Kategorien: Medien
Das Shape-Widget ist ein Design-Tool, mit dem wichtige Nachrichten hervorgehoben werden können. Erstellen Sie Schaltflächen und Banner, rufen Sie Auszeichnungen hervor und heben Sie Verkaufspreise hervor. Sie können ein Bild, einen farbigen Hintergrund und Text hinzufügen, die Größe steuern und Schatten hinzufügen. Das Widget kann an einem beliebigen Ort platziert werden, um vollständige Flexibilität zu gewährleisten.
-
Wählen Sie eine Form aus.
-
Um der Form einen Link hinzuzufügen, klicken Sie auf Link hinzufügen (Weitere Informationen zu Links finden Sie unter Linkauswahl.
-
Geben Sie einen Titel und eine Beschreibung für die Form ein. Um den Titel und die Beschreibung auszublenden, klicken Sie auf Auge (
) Symbol.
-
Geben Sie Alt-Text und einen Tooltip für die Form ein.
Anmerkung
Geben Sie Ihren eigenen Alt-Text ein oder klicken Sie auf Funkeln (
) Symbol, um den AI-Assistenten zum Generieren von Alternativtext zu verwenden.
Der vom AI-Assistenten generierte Alternativtext ist in derselben Sprache wie die aktuelle Sprache der Seite. Weitere Informationen zum AI-Assistenten finden Sie unter Überblick über KI-Tools.
-
Um von einer Farbe zu einem Bildhintergrund zu wechseln, klicken Sie auf Layout .
-
Um das Standardbild zu ändern, navigieren Sie zum Stil Tippen Sie auf und wählen Sie den Bild Tab.
Anmerkung
Wenn der Proportionen beibehalten ist ausgeschaltet, werden die Proportionen des Bildes an die Widgets angepasst (Nur klassischer Editor).
-
-
Passen Sie die Breite, Höhe und den Hover-Effekt (für den Desktop) im Stil Tab.
Anmerkung
In Flex-Abschnitten und Editor 2.0 werden die Proportionen der Form standardmäßig beibehalten, auch wenn die Option „Proportionen beibehalten“ deaktiviert ist.
-
Um das Widget über einem Bild oder einem anderen Widget zu platzieren oder es zu überlappen, klicken Sie auf Abstand Tabulatortaste und konfigurieren Sie die Ränder so, dass sie eine negative Zahl sind (z. B. -50px).
-
Um das Symbol zu einem schwebenden Widget zu machen, aktivieren Sie das Schwebendes schalten Sie um und wählen Sie eine Position für das Widget aus. Um das schwebende Widget nur auf der aktuellen Seite anzuzeigen, aktivieren Sie Nur auf dieser Seite anzeigen umschalten.
Stellen Sie sicher, dass die von Ihnen definierten Designeinstellungen für jedes Gerät korrekt sind. Einstellungen wie Abstand (des gesamten Widgets und einzelner Elemente), Breite und mehr werden pro Gerät definiert. Weitere Informationen finden Sie unter Bildschirmgrößen und Geräte.
Um ein interessantes Layout mit einer amorphen Form zu erstellen:
-
Erstellen Sie eine Zeile mit zwei Spalten.
-
Wählen Sie eine amorphe Form und fügen Sie sie der rechten Spalte hinzu.
-
Mache die Form so groß wie die Säule.
-
Wählen Sie im Design Editor das Layout mit dem Hintergrundbild aus und ersetzen Sie das Bild durch das gewünschte Bild.
Um eine Form als Schaltfläche zu verwenden, indem Sie einen Link- und Hover-Effekt hinzufügen:
-
Wählen Sie die Kreisform aus und fügen Sie einen Titel und eine Beschreibung hinzu.
-
Wählen Sie Farben für die Form und die Texte aus.
-
Um die Form an der Ecke eines Bilds zu positionieren, verwenden Sie einen negativen Rand auf der linken Seite der Form (Abstand > Rand > -50 Pixel linker und oberer Rand).
So verwenden Sie Formen, um einen bestimmten Plan oder eine bestimmte Dienstleistung hervorzuheben:
-
Wählen Sie die Flaggenform und fügen Sie einen Titel und eine kurze Beschreibung hinzu.
-
Ausschalten Proportionen beibehalten Sie können also nur die Breite anpassen.
Anmerkung
In Flex-Abschnitten und Editor 2.0 werden die Proportionen der Form standardmäßig beibehalten, auch wenn die Option „Proportionen beibehalten“ deaktiviert ist.
-
Wählen Sie 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 Rand (Abstand > Rand > -30 Pixel oberer Rand).
Um eine Form zu verwenden, um eine Scroll-Schaltfläche zu erstellen:
-
Wählen Sie die Diamantform und fügen Sie einen Titel hinzu.
-
Ausschalten Proportionen beibehalten Sie können also nur die Breite anpassen.
Anmerkung
In Flex-Abschnitten und Editor 2.0 werden die Proportionen der Form standardmäßig beibehalten, auch wenn die Option „Proportionen beibehalten“ deaktiviert ist.
-
Wählen Sie Farben für die Form und die Texte aus.
-
Um die Form über einem Bild zu positionieren, verwenden Sie einen negativen oberen Rand (Abstand > Rand > -50 Pixel oberer Rand).