Alles, was Sie tun können, um Ihre Website zu optimieren, ist eine gute Sache. Denn je weniger Besucher auf der Baustelle tun müssen, um die gewünschten Informationen zu erhalten, desto besser. Dies kann jedoch eine Herausforderung darstellen, wenn Ihre Website von Natur aus viele Informationen enthalten muss. Das Endergebnis solcher Websites umfasst in der Regel solche mit sehr langen Seiten, durch die fast niemand vollständig scrollt, und solche mit einer Menge Seiten, durch die sich ebenfalls fast niemand klickt.
Was ist also die Alternative zu einer superlangen Seite oder zu vielen Seiten? Warum, Tabs natürlich! Und keine Sorge – Sie müssen kein Programmiergenie sein, um Tabs auf Ihrer Site zu erhalten. Es gibt viele Plugins, die diese Funktion ermöglichen. Ich habe einige der besten zusammengestellt, um Ihnen zu helfen, Inhalte mit Registerkarten schnell und einfach zu Ihrer WordPress-Site hinzuzufügen.
UI-Tabs posten
Mit Post-UI-Tabs können Sie ganz einfach jQuery-Tabs zu Ihren Inhalten hinzufügen, unabhängig davon, ob es sich um Beiträge, Seiten oder andere Beitragstypen handelt. Alles, was Sie tun müssen, ist Shortcodes in den Editor einzufügen und Sie werden Registerkarten aktivieren.
Das Plugin enthält 24 verschiedene UI-Themen, um die Anpassung an Ihr vorhandenes Thema zu erleichtern. Oder, wenn Sie das Zeug dazu haben, erstellen Sie ein benutzerdefiniertes Stylesheet, um das Erscheinungsbild weiter zu verbessern.
Sobald das Plugin installiert ist, müssen Sie nur noch auf die entsprechende TinyMCE-Schaltfläche im Post-Editor klicken, um den entsprechenden Shortcode einzufügen. Gemäß der offiziellen WordPress-Verzeichnisliste für Post-UI-Tabs können Sie Tabs auch direkt mit den folgenden Kurzcodes einfügen:
[tab name=”Your tab name 1″]Ihr Tab-Inhalt[/tab]
[tab name=”Your tab name 2″]Ihr Tab-Inhalt[/tab]
[tab name=”Your tab name 3″]Ihr Tab-Inhalt[/tab]
[end_tabset]
Fühlen Sie sich frei, HTML in diese Registerkarten einzufügen. Es sollte problemlos gehandhabt werden und Sie werden Ihren Inhalt am Ende genauso sehen wie an anderen Stellen auf Ihrer Website, nur, wie Sie vielleicht vermutet haben, ist er in einem Tab enthalten.
Einfach ansprechende Tabs
Ein weiteres Plugin, das Sie unbedingt ausprobieren sollten, wenn Sie Ihrer Site Tabs hinzufügen möchten, ist Einfach ansprechende Tabs. Es ist nicht nur Bootstrap 3.0-kompatibel, sondern fügt dem visuellen Editor auch TinyMCE-Schaltflächen hinzu, wodurch es super einfach ist, reaktionsfähige Registerkarten mit einem Klick auf eine Schaltfläche einzufügen.
Sobald Sie auf diese Schaltfläche klicken, öffnet sich ein Einstellungsbereich, in dem Sie die Farbe für verschiedene Aspekte der Registerkarten auswählen können, einschließlich Überschriften, aktive Registerkarten, Hover, Hintergrund und mehr. Sie können auch festlegen, dass Registerkarten oben oder unten angezeigt werden. Dieses Plugin ist ein echter Favorit, weil es einfach einzurichten und sofort zu arbeiten ist.
Tabby Responsive Tabs
Wenn Reaktionsfähigkeit eines Ihrer Hauptanliegen ist, Tabby Responsive Tabs ist eine gute Option für Sie. Ganz einfach, mit diesem Plugin können Sie mithilfe von Shortcodes responsive Tabs in Beiträge und Seiten einfügen. Es unterstützt mehr als einen Satz von Registerkarten auf einer einfachen Seite oder einem Beitrag und verwendet jQuery, um die Registerkarten und den Akkordeon-Effekt auf kleineren Bildschirmen zu erstellen. Sie können die Registerkarten auch mit Ihrer Tastatur aufrufen.
Um Tabs einzufügen, müssen Sie nur zwei Shortcodes einfügen: [tabby] und [tabbyending]. Konkret würdest du verwenden [tabby title=“tabname”] um den Registerkartennamen festzulegen. Dann schreiben Sie den Inhalt, der in diese Registerkarte aufgenommen werden soll, einschließlich des gewünschten HTML-Codes. Sie können weitere Registerkarten einfügen, wenn Sie möchten. Verwenden Sie dann zum Abschließen dieser Registerkarten die [tabbyending] Funktionscode, um die Registerkartengruppe zu schließen.
Wenn Sie nun Stiländerungen an diesen Registerkarten vornehmen möchten, müssen Sie sich etwas mehr mit dem Code auseinandersetzen. Laut der WordPress-Verzeichnisseite des Plugins müssten Sie das Stylesheet des Plugins in ein untergeordnetes Thema kopieren und dort nach Belieben Änderungen am Tab- oder Akkordeonstil vornehmen.
Widgets in Registerkarten
Manchmal sind Ihre Anforderungen innerhalb einzelner Registerkarten etwas komplexer. Für diese Fälle gibt es die Widgets in Registerkarten Plugin. Sie können alle gewünschten Widgets in Registerkarten platzieren, um Platz zu sparen und ein besser organisiertes Erlebnis auf Ihrer Website zu schaffen. Es hat eine Vielzahl von Verwendungen.
Sie können beispielsweise Registerkarten verwenden, um die Widgets „Neueste Beiträge“ und „Neueste Kommentare“ anzuzeigen. Sie können Kategorien hinzufügen, um die Registerkartenanzeige weiter abzurunden. Oder Sie können eine Gruppe von Registerkarten erstellen, die eingebetteten Social-Media-Widgets wie einer Facebook-Likebox, einem Twitter-Feed, Google+, einer Pinterest-Pinnwand usw. gewidmet sind.
Eine Sache, die ich an Widgets in Tabs wirklich mag, ist, dass es keine eigenen Stile enthält, sodass es nach Ihrem Thema gestaltet werden kann. Die Registerkarten fügen sich direkt in Ihre Website ein und sehen aus, als ob sie dazu gehören würden.
Die Titel für die Registerkarten sind auch scrollbar, was eine schöne Alternative zum traditionellen gestapelten Ansatz ist. Es gibt auch Animationsoptionen für die Übergänge zwischen Widgets, und Sie können einstellen, wie viele Sekunden zwischen dem Wechsel von einem Tab zum nächsten gewartet werden soll.
Wie bei allen anderen hier aufgeführten Tab-Plugins ist es dank des Shortcodes einfach einzufügen [wit].
WP-Benutzeroberfläche – Registerkarten, Akkordeons, Schieberegler
Das letzte Plugin, über das ich hier sprechen werde, ist WP UI – Tabs, Accordions, Sliders. Dieses Plugin erleichtert nicht nur das Einbetten von Tabs in Beiträge und Seiten, sondern ermöglicht auch die einfache Integration anderer Formatierungsstile wie Akkordeons, Schieberegler und Dialoge. Das Plugin wird von jQuery unterstützt und Sie können auf jeder Seite mehr als ein jQuery-UI-Theme verwenden, wenn Sie möchten.
Es wird mit einer benutzerfreundlichen Optionsseite geliefert, die die Einrichtung und Verwendung einfach macht. Es fügt auch spezielle Menüs und Dialoge für eine einfachere Navigation hinzu. Wie alle oben genannten Plugins verlässt sich dieses hauptsächlich auf Shortcodes für eine schnelle Implementierung. Der Shortcode [wp tabs] kann leicht mit dem Stilargument erweitert werden, das auf etwa 24 verschiedene Arten wie „wpui-blue“ geändert werden kann, um den Registerkarten ein einheitlicheres Aussehen mit Ihrem Thema zu verleihen.
Das eigentliche Highlight dieses Plugins ist für mich jedoch die Möglichkeit, Beiträge und Feeds in Tabs oder Akkordeons anzuzeigen. Der Shortcode ist [wptabposts] und Sie können Beiträge innerhalb einer Reihe von Registerkarten anzeigen. Wenn Sie einen Feed innerhalb einer Seite oder eines Beitrags anzeigen möchten, verwenden Sie einfach die [wpuifeeds] Kurzcode. Gemäß der WordPress-Verzeichnisliste für die WP-Benutzeroberfläche können Sie [wpspoiler post=“3028”] um nur einen Beitrag in diesem speziellen Format anzuzeigen.
Symple Shortcodes
Wenn Sie nur grundlegende Registerkarten benötigen, sollten Sie natürlich das Symple Shortcodes WordPress-Plugin in Betracht ziehen, das hier bei Themelocal handgefertigt wurde. Das Plugin enthält einige schöne minimale Registerkarten, die Sie auf jeder Seite Ihrer Website verwenden können, sowie viele andere großartige Funktionen zum Organisieren von Inhalten. Fügen Sie Spalten, Umschalter, Akkordeons und viele andere Akzente (Schaltflächen, soziale Symbole usw.) hinzu.
Obwohl es auf den ersten Blick kompliziert erscheinen mag, ist das Hinzufügen von Registerkarten zu Ihrer Website eigentlich ziemlich einfach. Die oben genannten Plugins machen es zu einem Kinderspiel und das Endergebnis ist sowohl attraktiv als auch funktional. Sie sind meiner Meinung nach einen Besuch wert. Besucher Ihrer Website erhalten Zugriff auf so viele Informationen, wie Sie benötigen, ohne das Gesamtdesign zu überladen. Es ist eine schnelle Lösung für Websites mit vielen Ressourcen und Inhalten.
Verwenden Sie Tabs auf Ihrer Website? Was ist speziell mit einem dieser Plugins? Wenn ja, haben sie für Sie gearbeitet? Haben Sie eine andere Möglichkeit gefunden, Registerkarten in Ihre Website zu integrieren? Ich würde gerne Ihre Erfahrungen mit diesem raffinierten Organisationstrick in den Kommentaren hören!