Zum Hauptinhalt gehen

widget: Registerkarten

widget Kategorien: Basic

Das Widget „Tabs“ bietet eine hervorragende Möglichkeit, um Inhalte effizient auf Ihrer Website anzuzeigen. Die Besucher können (statt durch den Text zu scrollen) mit einem Klick zwischen den Registerkarten wechseln, um zugehörige Inhalte anzuzeigen. Registerkarten sind eine äußert praktische Möglichkeit, um Inhalte wie Serviceleistungen, Tarife oder Teammitglieder in kompakten, zusammenhängenden Abschnitten anzuzeigen.

Jede Registerkarte kann eine eigene Beschriftung, einen Titel, eine Beschreibung, ein Bild und eine Schaltfläche enthalten, und alle diese Elemente sind vollständig anpassbar.

Weitere Informationen zum Hinzufügen von widgetfinden Sie unter Hinzufügen von widget.

Tipp

Weitere Informationen zu widget und der widget Bibliothek finden Sie unter widget: Bibliothek und Übersicht.

Inhaltseditor

Um auf den Inhaltseditor zuzugreifen, klicken Sie mit der rechten Maustaste auf das Widget und wählen Sie Inhalt bearbeiten. Klicken Sie auf das Element, um das schwebende Menü zu öffnen, und klicken Sie dann auf die Option für den Inhaltseditor.

  1. Um eine neue Registerkarte hinzuzufügen, klicken Sie auf Registerkarte hinzufügen.

  2. Um das Bild (und den Alternativtext), die Registerkartenbeschriftung, den Beschriftungsüberschriftentyp, den Titel, die Beschreibung und die Schaltfläche zu bearbeiten, klicken Sie auf die Registerkarte.

    • Header-Tags sind verfügbar, um Ihren Text für Suchmaschinen leichter identifizierbar zu machen. Es wird empfohlen, H3 für den Beschriftungs-Überschriftentyp zu wählen.

    • Das Feld Alternativtext für das Bild befindet sich am unteren Rand.

  3. Um Bilder auf den Registerkarten anzuzeigen, klicken Sie auf den Schalter Bild anzeigen .

Designeditor

Um auf den Design-Editor zuzugreifen, klicken Sie mit der rechten Maustaste auf das Element und wählen Sie Design bearbeiten. Klicken Sie auf das Element, um das schwebende Menü zu öffnen, und klicken Sie dann auf die Option zum Bearbeiten des Designs.

  • Klicken Sie auf das Layout, um ein anderes Layout für die Registerkarten auszuwählen.

  • Klicken Sie auf Alle Tabs , um den Stil nicht ausgewählter Tabs anzupassen, die Tab-Wegbeschreibung umzukehren und das Tab-Layout auf Mobilgeräten zu steuern.

  • Klicken Sie auf Ausgewählter Tab & hover , um den Textstil und den Hintergrund anzupassen. Dies wirkt sich nicht auf das Design aller Registerkarten aus.

  • Klicken Sie auf diese Option, um den Beschreibungsstil, den Knopfstil und den Bildstil zu ändern.

    Anmerkung

    Das Feld für langen Text bietet verschiedene Optionen für die Textformatierung, z. B. Kursivschrift, Fettdruck oder Unterstreichung von Text.

Informationen über Designoptionen, die nicht spezifisch für dieses Widget eingestellt werden (z. B. Layout, Stil oder Abstände), finden Sie unter Widget-Design.

Hinweis

  • Sie können beliebig viele Registerkarten hinzufügen. Allerdings steht mit jeder neuen Registerkarte weniger Platz für die einzelne Beschriftung zur Verfügung.

  • Für die Anzeige auf Mobilgeräten gibt es zwei Layout-Optionen: Registerkarten und Akkordeon. Das Registerkarten-Layout kann durch Wischen gesteuert werden.

Mobile Ansicht

Für die Anzeige auf Mobilgeräten gibt es zwei Layout-Optionen: Registerkarten und Akkordeon. Das Registerkarten-Layout kann durch Wischen gesteuert werden. Allerdings werden Wischgesten nicht von allen mobilen Browsern unterstützt. In diesem Fall können Sie die Akkordeon-Ansicht auf Mobilgeräten verwenden.

So ändern Sie das Registerkarten-Widget für Mobilgeräte:

  1. Klicken Sie in der oberen Navigationsleiste auf die Geräteansicht, um zur Ansicht für Mobilgeräte () zu wechseln. Weitere Informationen finden Sie unter Bearbeiten nach Gerät.

  2. Klicken Sie mit der rechten Maustaste auf das widget, und klicken Sie auf Entwurf bearbeiten.

  3. Klicken Sie auf Alle Registerkarten und dann auf den Schalter Als Akkordeon anzeigen .

Verwandte Beiträge