Inhalte umschalten
Haben Sie zu viel Inhalt, der Ihre Seite stopft? Organisieren Sie es mit schlanken, interaktiven Umschaltungen. Aber das ist nicht nur ein grundlegendes Erweiterungs-/Zusammenklappungs-Widget. Mit dem Toggle-Inhaltselement von Master Addons können Sie ganze Elementor-gespeicherte Vorlagen in jedes Toggle einfügen Erstellen Sie detaillierte FAQs, vergleichen Sie Produktfunktionen oder erstellen Sie tabbelförmige Erfahrungsberichte. Alles innerhalb einer sauberen, platzsparenden Benutzeroberfläche. Entwerfen Sie jeden Teil des Kippers, von der Schiebeanzeige bis zu den Etiketten, mit Symbolen und animieren Sie den Schalter mit sanften, professionellen Übergängen. Es ist der intelligente Weg, Komplexität zu verbergen und Ihre Besucher durch Ihre Inhalte zu führen, Schritt für Schritt.
Beyond Text - Vollständige Vorlagen einbetten
Warum beschränken Sie Ihre Umschaltungen auf einfachen Text? Jedes Umschaltelement kann ein leistungsstarker Inhaltstyp sein: Wählen Sie einen einfachen Texteditor oder, was noch aussagekräftiger ist, eine Vorlage. Wählen Sie eine gespeicherte Elementorvorlage aus. Wählen Sie einen Testimonialbereich, eine Preistabelle oder eine Feature-Liste aus. Wählen Sie diese in den Umschalter ein. Dadurch können Sie unglaublich reichhaltige Schnittstellen mit Registerkarten erstellen, bei denen durch Klicken auf ein Etikett ganze Inhaltsabschnitte ausgetauscht werden, nicht nur ein Absatz.
- Unbegrenzte Inhaltsfreiheit: Platzieren Sie Erfahrungsberichte, Kontaktformulare, Bildergalerien oder Produktspezifikationen in separaten Umschaltungen.
- Wiederverwendung Ihres besten Werks: Fügen Sie Ihre vorentworfenen Elementorabschnitte oder - seiten ein, um die Konsistenz zu wahren.
- Perfekt für Vergleiche: Verwenden Sie einen Kippschalter für “Plan A Details” und einen weiteren für “Plan B Details,” jeweils mit einer eigenen vollständigen Vorlage.
Vollständige visuelle Anpassung
Machen Sie den Knebel selbst zu einem Designelement. Gestalten Sie den Hauptbehälter von Toggler mit Hintergründen, Rändern und wählen Sie seinen Stil (wie abgerundete Pille oder scharfes Rechteck).Entwerfen Sie dann den dynamischen Indikator, der zwischen Optionen gleitet. Passen Sie Farbe, Größe und Ränderradius an. Abschließend gestalten Sie die Etiketten mit vollständiger Typografie und Farben und fügen Sie Symbole hinzu, um zusätzliche Klarheit zu gewährleisten. Sie haben unabhängige Kontrolle über die Normal-, Hover- und Aktivzustände für jeden Teil und erstellen so eine wirklich ausgefeilte interaktive Komponente.
- Benutzerdefinierte Umschaltformen: Erstellen Sie pillenförmige, rechteckige oder individuell abgerundete Umschaltschalter.
- Animierte Gleitanzeige: Gestalten Sie den beweglichen Selektor, der die aktive Wahl visuell hervorhebt.
- Etiketten- und Symboldesign: Kontrollieren Sie den Etikettentext und die Abstände und fügen Sie jeder Option Symbole (wie ein Häkchen oder ein Informationssymbol) hinzu.
Reibungslose Funktionalität und reaktionsfähige Kontrolle
Steuern Sie, wie sich der Umschalter anfühlt und funktioniert Legen Sie den Standard-Aktivindex fest (der zuerst geöffnet ist) Passen Sie die Anzeigeschwindigkeit für eine bissige oder glatte Folienanimation an Verwenden Sie die Stack-On-Funktion, um das Reaktionsverhalten zu steuern „Bei Bedarf können Etiketten vertikal auf Mobilgeräten gestapelt werden. Verwalten Sie die Position des Umschalters relativ zum Inhalt und den Zwischenraum zwischen den Elementen, um ein sauberes, funktionales Layout auf allen Geräten sicherzustellen.
- Kontrollierte Animation: Stellen Sie die Geschwindigkeit der Gleitanzeige für das perfekte Reaktionsgefühl ein.
- Mobiloptimierte Layouts: Verwenden Sie Stack On, um den horizontalen Kippschalter in eine vertikale Liste auf mobilen Bildschirmen anzupassen.
- Smart Defaults: Wählen Sie aus, welches Inhaltsfeld beim ersten Laden der Seite sichtbar ist.
Häufig gestellte Fragen zum Umschalten von Inhalten
Wie ist das besser als bei anderen Widget umschalten?
Der andere Umschalter ist für einfache Text-Q & A. Unser Toggle Content-Element ist ein Layout - und Design-System Die wichtigsten Vorteile sind: 1) Die Möglichkeit, vollständige gespeicherte Vorlagen in jeden Umschalter einzufügen, 2) Ein verschiebbarer visueller Indikator (wie ein iOS-Switch), 3) Separates Styling für den Umschalter, die Anzeige und die Beschriftungen und 4) Erweiterte responsive Steuerelemente (wie Stack On).
Kann ich meine vorhandenen Elementor-Vorlagen (Abschnitte) in einem Umschalter verwenden?
Ja, unbedingt! das ist eine seiner mächtigsten Funktionen Wenn Sie einem Toggle-Element Inhalte hinzufügen, stellen Sie den Inhaltstyp auf “Vorlage”. Dann können Sie jede Vorlage auswählen, die Sie in Ihrer Elementor-Bibliothek gespeichert haben. Es wird perfekt in dieses Toggle-Panel geladen.
Was ist eine großartige reale Verwendung für den Inhaltstyp "Vorlage" in Kipphebeln?
Stellen Sie sich eine Software-Produktseite vor Sie könnten drei Umschalter haben: “Features,” “Pricing,” und “Testimonials” Anstatt Text zu schreiben, fügen Sie Ihre vorgestaltete Features-Rastervorlage in den ersten Umschalter, Ihre Pricing-Tabellenvorlage in den zweiten und eine Testimonials-Slidervorlage in den dritten ein Sie haben gerade in wenigen Minuten eine leistungsstarke Produktübersicht mit Tabs erstellt.
Wie verhält sich das auf Mobiltelefonen?
Es ist voll responsive Der Umschalter und Inhalt wird schrumpfen, um auf den Bildschirm zu passen, Sie können auch die Einstellung Stack On verwenden, um das Layout zu ändern – z. B. indem Sie die Umschaltbeschriftungen vertikal stapeln, anstatt nebeneinander auf sehr kleinen Bildschirmen zu sitzen, was das Tippen erleichtert Der Inhalt im Inneren (ob Text oder Vorlage) reagiert auch auf der Grundlage seiner eigenen responsiven Einstellungen.
Kann ich mehr als zwei Kippartikel haben?
Ja, Sie können unbegrenzt umschalten Elemente hinzufügen, indem Sie auf den Button “Artikel hinzufügen” klicken. Dies macht es perfekt für detaillierte FAQ-Seiten, mehrstufige Prozesse oder den Vergleich mehrerer verschiedener Produktpläne oder Optionen nebeneinander.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
