Manchmal muss ein Abschnitt zwei Dinge an derselben Stelle zeigen, wie FAQs und ein Teamraster oder monatliche und jährliche Preise. Die Inhalte umschalten Widget in Master-Addons für Elementor Fügt einen kleinen Schalter hinzu, der zwischen ihnen umschlägt Jede Umschaltoption enthält entweder Klartext oder eine vollständig gespeicherte Elementorvorlage, und Besucher tippen auf ein Etikett, um das, was angezeigt wird, auszutauschen.
Sie setzen die Beschriftungen, optionale Symbole und was jedes einzelne anzeigt, dann stylen Sie den Schalter passend Es ist eine saubere Möglichkeit, mehr in weniger Platz zu passen, ohne Personen auf eine andere Seite zu schicken Diese Anleitung deckt jede Einstellung im Widget ab.
Schauen Sie lieber zuerst? Dieses kurze Tutorial geht durch das Toggle Content-Widget Ende an Ende:
Was das Toggle Content Widget tut #
Das Widget zeigt einen Umschaltschalter mit zwei oder mehr Beschriftungen an Klicken Sie auf eine Beschriftung und der Bereich unten tauscht auf den Inhalt dieser Option aus Jede Option kann ein Textblock sein, den Sie eingeben, oder eine gespeicherte Vorlage, ein Abschnitt oder eine Seite aus Ihrer Bibliothek.
Da es Vorlagen einziehen kann, ist der Umschalter nicht auf kurzen Text beschränkt. Sie können zwischen einem gesamten FAQ-Layout und einem Teambereich wechseln, die beide an anderer Stelle in Elementor erstellt und in den Umschalter eingefügt wurden.
Bevor Sie beginnen #
- WordPress Mit Elementor Installiert und aktiv.
- Master-Addons für Elementor Installiert und aktiv Neu im Plugin? siehe die Installationsführung.
- Wenn Sie vorhaben, Vorlagen umzuschalten, speichern Sie sie zuerst in Ihrem Elementor Vorlagenbibliothek.
So fügen Sie das Inhalts-Widget um #
Öffnen Sie im Elementor-Editor die Elemente Panel und suchen nach Inhalte umschalten‘oder scrollen Sie in den Abschnitt Master Addons Ziehen Sie es auf Ihre Seite Es wird mit zwei Beispiel-Umschaltoptionen geladen, damit Sie den Schalter sofort sehen können.
Richten Sie die Umschaltoptionen ein #
In der Inhalt Tab, die Inhalte umschalten Abschnitt hält einen Elemente Repeater Jedes Element ist eine Umschaltoption Die Voreinstellungen sind Label One und Label Two, und Sie fügen mehr mit hinzu Artikel hinzufügenMit dem Kopiersymbol duplizieren oder mit dem X entfernen.
Klicken Sie auf ein Element, um dessen Einstellungen zu öffnen, die über eigene Untertabs für Inhalt und Stil verfügen.
- Etikett: Der Text auf der Schaltfläche umschalten, wie FAQ oder Unser Team Es unterstützt dynamische Tags.
- Symbol: Ein optionales Symbol, das neben dem Etikett angezeigt wird.
- Typ: Wählen Sie Inhalt für eingegebenen Text oder Vorlage, um ein gespeichertes Layout einzugeben.
- Inhalt: Wenn Typ ein Inhalt ist, erscheint ein Volltexteditor mit Medien, Formatierung und einer Codeansicht.
Schalten Sie eine gespeicherte Vorlage anstelle von Text um #
Set Typ zu Vorlage Und zwei weitere Bedienelemente erscheinen: Vorlagentyp (wie z. B. Abschnitt) und Abschnitt wählen, wo Sie eine beliebige gespeicherte Vorlage aus Ihrer Bibliothek auswählen. Dadurch kann eine einzelne Umschaltoption ein ganzes vorgefertigtes Layout anzeigen.
In der Demo zeigt eine Option auf einen gespeicherten FAQ-Bereich und die andere auf einen Team-Bereich. Kippen Sie den Kippschalter und das gesamte Layout vertauscht.
Einstellungen umschalten #
Die Einstellungen umschalten Abschnitt steuert, wie sich der Schalter verhält.
- Aktiver Index: Welche Option beim Laden der Seite zuerst angezeigt wird, Setzen Sie sie auf 1 für die erste Option, 2 für die zweite und so weiter.
- Position: Platzieren Sie das Etikettensymbol vor oder nach dem Etikettentext.
- Indikatorgeschwindigkeit: Wie schnell der aktive Indikator zwischen den Optionen gleitet, in Sekunden.
Style den Knebel #
Die Stil Tab aufgeteilt wird in Schalter, Indikator, und Etiketten. Die Toggler-Sektion steuert den Schalterbehälter selbst.
- Stil: Die Form des Knebels, z. B. rund.
- Hintergrundfarbe und Randradius: Das Aussehen des Weichengleises.
- Ausrichten, Zoomen und Breite: Positionieren und skalieren Sie den Schalter innerhalb seiner Spalte.
- Rand, Kastenschatten, Polsterung, Rand: Die üblichen Framing-Steuerungen.
Die Indikator Abschnitt Stile der gleitenden Hervorhebung hinter dem aktiven Etikett, und die Etiketten Abschnitt legt die Typografie und Farben für den Beschriftungstext sowohl im aktiven als auch im inaktiven Zustand fest.
Das Ergebnis auf der Seite #
Veröffentlichen oder Vorschau und der Umschalter funktioniert live: Besucher tippen auf ein Etikett und der Inhalt unten tauscht mit einer Folie aus Hier wechselt der Umschalter vom FAQ-Layout zur Vorlage Unser Team, jeweils ein vollständiger gespeicherter Abschnitt.
Häufige Anwendungsfälle #
- Monatliche vs. jährliche Preise Über einem umgeschaltet Preistabelle.
- FAQ und Team Abschnitte, die sich einen Slot auf einer Serviceseite teilen.
- Beschreibung und Spezifikationen Auf einer Produktseite.
- Vorher und Nachher Fallstudienlayouts.
- Zwei gespeicherte Vorlagen Ohne zweite Seite oder Popup getauscht.
Tipps für die Arbeit mit dem Toggle Content Widget #
- Erstellen Sie zuerst Vorlagen. Speichern Sie die Abschnitte, die Sie umschalten möchten, in Ihrer Bibliothek und zeigen Sie dann jede Option auf eins.
- Beschriftungen kurz halten. Ein oder zwei Wörter passen sauber auf den Schalter und lesen sich schnell.
- Legen Sie den Active Index bewusst fest. Führen Sie mit der Option, die die meisten Besucher zuerst sehen möchten.
- Passen Sie die Höhe des Inhalts an, wo Sie können. Das Umschalten zwischen sehr unterschiedlichen Höhen lässt die Seite springen.
- Verwenden Sie Symbole für Klarheit. Ein kleines Symbol neben jedem Etikett hilft den Leuten, die Optionen zu unterscheiden.
Häufig gestellte Fragen #
Was ist das Toggle Content Widget in Master Addons?
Es handelt sich um ein Elementor-Widget, das einen Kippschalter hinzufügt, um zwischen zwei oder mehr Inhaltssätzen an derselben Stelle umzudrehen. Jede Kippoption kann eingegebenen Text oder eine gespeicherte Elementorvorlage enthalten, und Besucher tippen auf eine Beschriftung, um das Angezeigte auszutauschen.
Kann der Umschalter eine gespeicherte Elementorvorlage anzeigen?
Ja. In einer Umschaltoption setzen Sie Typ auf Vorlage, wählen Sie den Vorlagentyp, und wählen Sie dann einen gespeicherten Abschnitt oder eine gespeicherte Seite aus Ihrer Bibliothek aus Der Umschalter zeigt dann das gesamte Layout an, sodass Sie zwischen vollständigen vorgefertigten Designs wechseln können.
Wie stelle ich ein, welche Option zuerst angezeigt wird?
Öffnen Sie den Abschnitt Einstellungen umschalten und setzen Sie den Aktiven Index Verwenden Sie 1 für die erste Option, 2 für die zweite und so weiter Diese Option wird angezeigt, wenn die Seite geladen wird, und Besucher können zu den anderen wechseln, indem sie auf ihre Beschriftungen tippen.
Kann ich Symbole zu den Kippbeschriftungen hinzufügen?
Ja. Jede Umschaltoption hat in ihrer Untertablette Inhalt ein Symbolfeld, Sie können auch einstellen, ob das Symbol vor oder nach dem Beschriftungstext sitzt, indem Sie die Option Position in Einstellungen umschalten verwenden.
Wie unterscheidet sich Toggle Content von Tabs?
Beide wechseln den Inhalt an Ort und Stelle, aber der Kippschalter ist ein einzelner kompakter Schalter, der für zwei oder wenige Optionen gebaut wurde, oft eine binäre Auswahl wie monatlich und jährlich. Tabs passen zu längeren Abschnittslisten. Toggle Content macht das Einziehen gespeicherter Vorlagen auch einfach.
Einwickelnd #
Das Widget Inhalt umschalten fügt zwei Layouts in einen Slot ein und lässt Besucher mit einem Tipp zwischen ihnen umdrehen, fügen Sie Ihre Optionen hinzu, wählen Sie für jede Text oder eine gespeicherte Vorlage, legen Sie fest, welche führt, und stylen Sie den Schalter passend für andere Möglichkeiten, Inhalte zu organisieren, siehe die Tabs WidgetDurchsuchen Sie das Ganze Master Addons Widgets und Erweiterungen& überprüfen Sie die Preisseite Für das, was jeder Plan beinhaltet.
