Tabs
Organisieren Sie Ihre Informationen in saubere, interaktive Registerkarten Mit dem Master Addons Advanced Tabs-Element können Sie Ihre Inhalte auf strukturierte, ansprechende Weise präsentieren, die Platz spart und die Benutzererfahrung verbessert. Wählen Sie aus mehreren Stilvoreinstellungen, steuern Sie jedes visuelle Detail und füllen Sie jede Registerkarte mit allem, von einfachem Text bis hin zu ganzen gespeicherten Vorlagen. Egal, ob Sie Produktfunktionen präsentieren, eine FAQ erstellen oder eine Schritt-für-Schritt-Anleitung erstellen, diese erweiterten Registerkarten geben Ihnen die Flexibilität und Kontrolle, dies wunderbar zu tun.
Voreinstellungen und Layouts für mehrere Stile
Starten Sie Ihr Design mit integrierten Stilvoreinstellungen. Wählen Sie zwischen horizontalen Tabs (klassische Top-Navigation) oder vertikalen Tabs (Seitennavigation).Aktivieren Sie den linken aktiven Rand für eine schlanke Anzeige oder verwenden Sie die Tabular Content-Voreinstellung für einen Box-Look. Jede Voreinstellung ist ein Ausgangspunkt, den Sie dann endlos anpassen können, um Ihren Marken- und Layoutanforderungen gerecht zu werden.
- Horizontale & vertikale Layouts: Wählen Sie die Tab-Richtung, die am besten zu Ihrer Content-Struktur passt.
- Visuelle Voreinstellungen: Wählen Sie sofort aus den gestalteten Ausgangspunkten für einen professionellen Look.
- Flexible Ausrichtung: Wechseln Sie zwischen horizontalen und vertikalen Laschen, ohne bei Null anzufangen.
Gehen Sie mit gespeicherten Vorlagen über Text hinaus
Warum Ihre Registerkarten auf Klartext beschränken? Jeder Registerkartenreiter kann einen anderen Inhaltstyp enthalten: einen 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 einfügen können. Es ist, als hätten Sie mehrere Seiten in einem, ohne Unordnung.
- 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 Lücke zwischen den Tabs und der 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 einen standardmäßigen aktiven Tab festlegen und die Übergangsgeschwindigkeit steuern Diese Flexibilität ermöglicht es Ihnen, genau das gewünschte Benutzererlebnis zu erstellen, sei es für ein schnelles Produkt-Showcase oder eine sorgfältige Schritt-für-Schritt-Anleitung.
- Klicken oder Bewegen: Wählen Sie den Auslöser, der am besten zu Ihrem Inhalt und Benutzererlebnis passt.
- Standard Aktiv Tab: Legen Sie fest, welcher Tab geöffnet ist, wenn die Seite geladen wird.
- Glatte Übergänge: Steuern Sie die Animationsgeschwindigkeit beim Wechseln zwischen den Tabs.
Häufig gestellte Fragen für Tabs
Kann ich sowohl Symbole als auch Text in den Tab-Titeln verwenden?
Ja, das können Sie Beim Hinzufügen eines Tabs können Sie einen Symboltyp (Icon, Bild oder keines) wählen und dann ein Symbol aus der Icon-Bibliothek auswählen Das Icon kann links vom Text positioniert werden, und Sie können die Icon-Größe und den Abstand in den Stileinstellungen steuern.
Wie mache ich die Tabs auf dem Handy gut aussehen?
Das Element Erweiterte Tabs ist voll responsive Auf Mobilgeräten können die Tabs vertikal stapeln oder je nach Einstellung zu einer scrollbaren horizontalen Liste werden Sie können die Typografie, das Padding und die Ränder für Mobilgeräte speziell im Responsive-Modus von Elementor anpassen.
Was ist der Unterschied zwischen dem "Tabular Content" - Preset und den anderen?
Die voreingestellte Tabular Content-Datei verleiht dem Tabulateinhaltsbereich normalerweise einen deutlichen Hintergrund, Rand und eine Polsterung, sodass er wie ein mit den Tabulatoren verbundenes Kästchen aussieht. Im Vergleich zu den klassischen Unterstreichungs- oder Randlinks-Stilen ist es ein strukturierterer, zurückhaltenderer Look.
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.
Ist es möglich, mehr als einen Satz Tabs auf einer Seite zu haben?
Ja, Sie können mehrere Advanced Tabs Widgets auf einer einzigen Seite hinzufügen Jede Funktion unabhängig Dies ist nützlich, wenn Sie mehrere Gruppen von Inhalten haben, die Sie in Tabs organisieren möchten.
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
Post-/Seitenduplikator
