Elementor Advanced Tabs Widget: Kostenlose horizontale, vertikale und Bild-Tabs
Das Advanced Tabs Widget in Master Addons teilt lange Inhalte in saubere, anklickbare Tabs auf, und es ist kostenlos Wählen Sie eine horizontale, vertikale oder linke aktive Randvoreinstellung, fügen Sie jedem Tabtitel ein Symbol oder Bild hinzu, und wählen Sie, ob Tabs auf Klick oder mit dem Hover jeden Tab mit Text aus dem Editor füllen, oder laden Sie mit Master Addons Pro einen gespeicherten Abschnitt, ein Widget oder eine Seitenvorlage Es funktioniert gut für Produktfunktionen, FAQs, Pläne und Schritt-für-Schritt-Anleitungen.
Voreinstellungen und Layouts für mehrere Stile
Beginnen Sie mit einer integrierten Voreinstellung Horizontal Tabs legt die Titel oben in eine Reihe, Vertical Tabs reiht sie seitlich auf und Left Active Border markiert die offene Registerkarte mit einem farbigen Rand Master Addons Pro fügt einen Tabular Content voreingestellt für einen Box-Look hinzuJedes Preset ist nur ein Ausgangspunkt, sodass Sie es passend zu Ihrer Marke neu gestalten können.
- Horizontale und vertikale Layouts: Wählen Sie die Tab-Richtung, die zu Ihrem Inhalt passt.
- Visuelle Voreinstellungen: Beginnen Sie mit einem entworfenen Layout anstelle eines leeren Widgets.
- Einfaches Umschalten: Wechsel von horizontalen zu vertikalen Tabs, ohne den Inhalt neu zu erstellen.
Gespeicherte Vorlagen in Tabs (Pro)
Die kostenlose Version füllt jeden Tab aus dem Texteditor Mit Master Addons Pro kann jeder Tab einen anderen Inhaltstyp verwenden: einfachen Texteditor, einen gespeicherten Abschnitt, ein gespeichertes Widget oder sogar eine ganze gespeicherte Seitenvorlage. Das bedeutet, dass Sie eine komplexe Preistabelle, ein Kontaktformular, eine Bildergalerie oder einen anderen vorgestalteten Inhaltsblock in einen Tab legen können. Es ist, als hätten Sie mehrere Seiten in einem, ohne das Durcheinander.
- Template-Integration: Fügen Sie eine beliebige gespeicherte Elementor-Vorlage in eine Registerkarte ein, um unbegrenzte Designmöglichkeiten zu erhalten.
- Konsequentes Design: Verwenden Sie Ihre vorhandenen Abschnitte und Widgets wieder, um ein zusammenhängendes Aussehen zu bewahren.
- Perfekt für Vergleiche: Verwenden Sie Registerkarten, um zwischen verschiedenen Produktspezifikationen, Preisplänen oder Funktionslisten zu wechseln.
Gestalten Sie die Tabs und Inhalte unabhängig
Erzielen Sie ein perfektes, poliertes Aussehen, indem Sie jeden Teil der Tabs stylen. Entwerfen Sie den Tabs-Container und den Inhaltsbereich separat. Steuern Sie für die Tabs den Normal- und Aktivzustand mit unterschiedlichen Farben, Hintergründen, Rändern und Typografie. Passen Sie die Polsterung, den Rand und die Symbolgröße an. Gestalten Sie für den Inhaltsbereich den Hintergrund, die Polsterung, die Ränder und die Typografie. Dieses Maß an Kontrolle sorgt dafür, dass Ihre Tabs integriert und professionell aussehen.
- Zustandsbasiertes Styling: Legen Sie einzigartige Farben, Hintergründe und Ränder für aktive und inaktive Registerkarten fest.
- Symbolunterstützung: Fügen Sie Symbole zu Ihren Tabs hinzu und steuern Sie deren Größe und Position.
- Content Area Design: Gestalten Sie den Content-Container so, dass er zur Ästhetik Ihrer Website passt.
Wählen Sie, wie Tabs auf Benutzer reagieren
Entscheiden Sie, wie Benutzer mit Ihren Tabs interagieren Stellen Sie den Tab-Effekt auf Klicken (traditionell) oder Bewegen (für schnellere Navigation) ein Sie können auch einstellen, welche Registerkarte standardmäßig geöffnet ist Diese Flexibilität ermöglicht es Ihnen, genau das gewünschte Benutzererlebnis zu erstellen, egal ob es sich um ein schnelles Produkt-Showcase oder eine sorgfältige, schrittweise Anleitung handelt.
- Klicken oder Bewegen: Wählen Sie den Auslöser, der zu Ihrem Inhalt passt Der Mauszeiger ist die Standardeinstellung.
- Standard Aktiv Tab: Legen Sie fest, welche Registerkarte beim Laden der Seite geöffnet ist.
Bild- und Symbolregisterkarten in Elementor
Jeder Tab-Titel kann ein Symbol aus der Elementor-Bibliothek oder ein eigenes Bild tragen Icon Type auf Image setzen, ein Bild aus der Mediathek auswählen, und der Titel wird zu einem Image-Tab Dies ist eine kostenlose Option und funktioniert mit jeder freien Voreinstellung.
- Symboltyp pro Registerkarte: Keine, Symbol oder Bild.
- Verwenden Sie Bilder für Produkt- oder Kategoriereiter und Symbole für Funktionslisten.
- Behalten Sie einen Stil in einer Registerkarte bei, da das Mischen von Bildern und Symbolen viel los ist.
Versuchen Sie es mit Inhalten, die sich an Ort und Stelle öffnen, anstatt die Panels zu wechseln Erweiterte Akkordeon oder Inhalte umschalten (Pro).
Häufig gestellte Fragen für Tabs
Kann ich sowohl Symbole als auch Text in den Tab-Titeln verwenden?
Ja. Legen Sie für jede Registerkarte Symboltyp auf Symbol oder Bild fest, und wählen Sie dann ein Symbol aus der Bibliothek oder ein Bild aus Ihrer Mediathek aus. Der Symbolgrößenregler in der Registerkarte Stil legt fest, wie groß das Symbol erscheint.
Wie mache ich die Tabs auf dem Handy gut aussehen?
Verwenden Sie den Reaktionsmodus von Elementor, um Typografie, Polsterung und Ränder für Tablet und Telefon anzupassen Vorschau vertikaler Registerkarten auf einem kleinen Bildschirm vor der Veröffentlichung, da die Titelspalte die Breite einnimmt.
Was ist der Unterschied zwischen dem "Tabular Content" - Preset und den anderen?
Tabular Content ist eine Pro-Voreinstellung. Es verleiht dem Tab-Inhaltsbereich einen klaren Hintergrund, Rand und Polsterung, sodass er wie ein Kasten aussieht, der mit den Tabs verbunden ist. Es ist ein strukturierterer, zurückhaltenderer Look im Vergleich zu den klassischen Unterstreichungs- oder Border-Links-Stilen.
Kann ich einen Tab mit einer externen URL oder einem anderen Abschnitt auf der Seite verknüpfen?
Das Element Erweiterte Registerkarten ist für das Umschalten von Inhalten innerhalb des Widgets konzipiert, für die Verlinkung mit externen URLs oder Seitenabschnitten benötigen Sie möglicherweise eine andere Lösung, wie ein Navigationsmenü oder Ankerlinks Sie können jedoch einen Button mit einem Link innerhalb des Tabinhalts platzieren.
Wie unterscheidet sich das von Elementors eigenem Tabs-Widget?
Mit dem kostenlosen Tabs-Widget von Elementor können Sie beliebige Widgets in jedem Tab platzieren und die Titel oben, unten oder neben dem Inhalt platzieren. Master Addons Advanced Tabs bietet Ihnen einen Hover-Trigger, Symbol- oder Bildbeschriftungen sowie vorgefertigte Voreinstellungen wie Left Active Border und Sie können einer Seite so viele Advanced Tabs-Widgets hinzufügen, wie Sie benötigen. Pro fügt die voreingestellten und gespeicherten Abschnitte, Widgets oder Seitenvorlagen für Tabulatinhalte hinzu.
Wie funktioniert die "Left Active Border" Voreinstellung?
Die Left Active Border Voreinstellung hebt die aktive Registerkarte normalerweise mit einem farbigen Rand oder Hintergrund auf der linken Seite hervor. Es ist ein moderner, sauberer Look, der gut für vertikale oder sogar horizontale Registerkarten funktioniert, wenn Sie eine markante Anzeige wünschen.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
![Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post-/Seitenduplikator
