Wichtige Erkenntnisse
- Verschachtelte Registerkarten ersetzten das ursprüngliche Tabs-Widget. Das alte Gerät zeigt seit Elementor 3.8 eine Abschreibungsbenachrichtigung im Bedienfeld an, und neue Registerkarten, die Sie hineinziehen, sind die verschachtelte Version.
- Jedes Panel ist ein Container, daher funktionieren Formulare, Galerien, Schleifenraster und Preistabellen alle innerhalb einer Registerkarte.
- Die Haltepunktsteuerung verwandelt den Streifen in ein vertikales Akkordeon unterhalb der von Ihnen gewählten Breite, standardmäßig mit Mobilgeräten.
- Horizontal Scroll behält eine lange Reihe von Titeln in einer Zeile und lässt Besucher durch diese wischen.
- Der Repeater hält nur den Tab-Titel, der die Leute auffängt: Panel-Inhalte werden auf der Leinwand aufgebaut, nicht im Panel.
Früher waren die Reiter von Elementor ein Textfeld im Inneren eines Textfeldes, den Titel hast du in einem Feld und den Inhalt in einem anderen eingegeben, und wenn du ein Kontaktformular drin haben wolltest, Pech.
Verschachtelte Registerkarten haben das Modell geändert. Jedes Panel ist jetzt ein Container, was bedeutet, dass die gesamte Widget-Bibliothek in einem Tab verfügbar ist. Dieser Beitrag behandelt, wie es funktioniert, wo die Bedienelemente funktionieren und an den drei Stellen, an denen es die Leute immer noch frustriert.
Inhaltsverzeichnis
Was sich änderte
Das alte Tabs-Widget speicherte alles in einem Repeater: ein Titelfeld und ein Inhaltsfeld pro Zeile, das machte es einfach und kappte auch, was es aufnehmen konnte, denn ein Inhaltsfeld nimmt Text und Bilder und sonst nichts.
Verschachtelte Tabs spalten diese auseinander Der Repeater behält die Titel, und jedes Panel wird zu einem echten Container auf der Leinwand, die Sie darin aufbauen Elementor nennt dies Verschachtelung, und Tabs waren das erste Widget, das es bekam.
Das alte Widget wird immer noch ausgeliefert, sodass vorhandene Seiten weiterhin funktionieren, und beim Bearbeiten einer Seite wird ein Hinweis angezeigt, dass jedes neue Tabs-Widget die verschachtelte Version sein wird. Diese Benachrichtigung landete in Version 3.8.
Eines lohnt sich aufzuklären, denn viele Guides und KI-Antworten sagen es immer noch: Man muss Nested Elements nicht einschalten Es ist als Experiment angekommen, und im aktuellen Elementor ist es stabil, standardmäßig aktiv und nicht schaltbar markiert, erscheint also überhaupt nicht im Experimentbildschirm Wenn Sie nach der Einstellung gesucht haben und sie nicht finden konnten, deshalb.
Bauen eines
- Tabs auf die Seite ziehen Sie erhalten drei Tabs mit jeweils einem leeren Container im Inneren.
- Benennen Sie die Zeilen im Tabs-Repeater um Titel ist das einzige Feld, das ist der Teil, der Leute überrascht, die aus dem alten Widget kommen.
- Klicken Sie auf eine Registerkarte auf der Leinwand, um das Panel zu öffnen, und ziehen Sie dann Widgets in den Container.
- Wiederholen Sie für jeden Tab. Fügen Sie Zeilen mit dem Repeater hinzu oder entfernen Sie sie, genau wie überall sonst.
Die Kontrollen, auf die es ankommt
Richtung bewegt den Titelstreifen Oben und unten halten ihn horizontal, während Start und Ende ihn in eine Seitenspalte verwandeln, das ist das Layout der vertikalen Tabs Start und Ende folgen der Textrichtung, also drehen sie in Rechts-Links-Sprachen.
Rechtfertigen und ausrichten Titelgriffabstände: ob Titel sich dehnen, um den Streifen zu füllen oder zusammenzusitzen, und wie der Text in jedem einzelnen ausrichtet.
Horizontal Scroll, in Zusätzliche Einstellungen, verhindert das Umwickeln einer langen Reihe von Titeln, Der Streifen scrollt stattdessen seitwärts und Besucher wischen oder ziehen durch ihn hindurch.
Breakpoint sitzt im selben Abschnitt und ist die Steuerung wissenswert Unterhalb der Breite, die man wählt, wechselt der Streifen auf ein vertikales Akkordeonlayout, wobei jeder Titel über einem eigenen Panel liegtMobil ist die Voreinstellung, die normalerweise richtig ist.
Was man in ein Panel stecken kann
Alles Mögliche Das Panel ist ein gewöhnlicher Container, daher gilt die vollständige Widget-Liste:
- Ein Kontaktformular auf dem Reiter “Anfragen”
- Eine Bildergalerie zu “Fotos”
- Ein Schleifengitter, das verwandte Produkte auf “Sie mögen vielleicht auch” zieht
- Eine Preistabelle zu “Pläne”
- Ein verschachtelter Satz von Tabs innerhalb eines Tabs, von dem die “Tabs inside Tabs” - Suchen stammen
Tabs inside tabs ist möglich, und in der Praxis ist es selten eine gute Idee Zwei Ebenen von Tab-Strip bedeutet, dass ein Besucher sich merken muss, welche Kombination er ausgewählt hat Wenn der Inhalt wirklich zweidimensional ist, lesen sich Tabs auf der Außenseite und ein Akkordeon auf der Innenseite viel besser.
Drei Grenzen
Ein Tab-Titel nimmt Text und ein optionales Symbol, es gibt also keine Bildtitel, wenn ein Titel ein Logo oder ein Produktfoto sein muss, kann das Kern-Widget dies nicht und ein Addon mit einem Icon Type-Steuerelement.
Panels ändern sich bei Klick, was die richtige Standardeinstellung für Touchscreens ist, und es gibt keine Einstellung für das Hover-Verhalten, das einige Designs verwenden.
Styling beginnt bei Null Es gibt keine Voreinstellungen, also fällt das Widget in der Ebene ab und jeder Rand, jede Farbe und jedes Polster ist eine Entscheidung, die Sie treffen Das ist Flexibilität, und bei einer Frist sind es auch zwanzig Minuten.
Wenn ein Addon-Widget besser passt
Diese drei Grenzen sind ungefähr die Funktionsliste eines Addon-Tab-Widgets. Die Master Addons Tabs Widget Beginnt von einer Stilvoreinstellung, nimmt ein Symbol oder ein Bild auf jedem Titel und schaltet Panels beim Hover um, wenn Sie Tab Effect so einstellen Kein Elementor Pro benötigt für irgendeinen davon.
Der Handel läuft umgekehrt: Seine Panels nehmen Editorinhalte auf, sodass das Einfügen eines Formulars in das Innere bedeutet, dass der Inhaltstyp auf eine gespeicherte Vorlage angezeigt wird, was eine Pro-Option ist. Container in Panels sind das Einzige, was nur das Kern-Widget tut.
Durch das Panel verläuft die Trennlinie Interaktiver Inhalt darin bedeutet verschachtelte Tabs Ein Tabulatorstreifen, der wie etwas Bestimmtes aussehen muss, bedeutet ein Addon.
Häufig gestellte Fragen
Was ist der Unterschied zwischen Tabs und Nested Tabs in Elementor?
Nested Tabs legt in jedes Panel einen Container, sodass Sie Widgets hineinwerfen können Das alte Tabs-Widget hatte ein Feld mit einfachem Inhalt und ist veraltet.
Muss ich zuerst verschachtelte Elemente aktivieren?
Nein. Es ist standardmäßig im aktuellen Elementor aktiv und kann nicht abgeschaltet werden, daher ist es nicht mehr in Experimenten aufgeführt Ältere Tutorials, die Ihnen sagen, dass Sie es aktivieren sollen, sind veraltet.
Ist Nested Tabs im kostenlosen Elementor verfügbar?
Ja, es ist Teil des kostenlosen Plugins und es ist das, was Sie erhalten, wenn Sie das Tabs-Widget auf eine Seite ziehen.
Kann ich Tabs in Tabs einnisten?
Ja, denn ein Panel ist ein Container, der jedes Widget akzeptiert, einschließlich eines anderen Tabs-Widgets. Es wird schnell verwirrend, sodass ein Akkordeon auf der inneren Ebene normalerweise klarer ist.
Wie bringe ich Nested Tabs dazu, in ein Akkordeon zu verfallen?
Öffnen Sie zusätzliche Einstellungen und setzen Sie Haltepunkt Unterhalb dieser Breite wechselt der Streifen zu einem vertikalen Akkordeon-LayoutMobil ist die Voreinstellung.
Kann ein Tab-Titel ein Bild verwenden?
Nicht im Kern-Widget Titel nehmen Text und ein optionales Symbol auf Ein Addon-Widget mit einem Icon Type-Steuerelement kann ein Bild verwenden.
Letzte Gedanken
Nested Tabs ist derjenige, nach dem man greifen kann, wenn etwas innerhalb des Panels passieren muss, und allein der Akkordeon-Breakpoint macht es lohnenswert, alte Tabblöcke neu aufzubauen. Es gibt Ihnen keinen Vorsprung beim Styling und kein Bild auf einem Titel, der die Lücke bildet Addon-Widgets füllen.
Verwandte Lektüre
