Hinzufügen von Tabbed-Inhalten in WordPress-Posts und -Seiten

Möchten Sie Ihre Posts in Registerkarten unterteilen, um Platz zu sparen und Benutzern das Auffinden der gesuchten Informationen zu erleichtern? In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress-Posts und -seiten Registerkarteninhalt hinzufügen.

Videoanleitung

Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.

Als Erstes müssen Sie das Tabs Shortcode- und Widget-Plugin installieren und aktivieren. Dieses Plugin ist sofort einsatzbereit und Sie müssen keine Einstellungen konfigurieren.

Erstellen Sie einfach einen neuen Beitrag und auf dem Bildbearbeitungsbildschirm wird eine neue Kurzcode-Schaltfläche angezeigt. Durch Klicken auf die Schaltfläche wird ein Menü angezeigt.

Klicken Sie im Menü auf die Option für das Layout der Registerkarten, um die Tab-Editor-Oberfläche des Plugins zu starten.

Die erste Option im Registereditor besteht darin, die Anzahl der anzuzeigenden Registerkarten auszuwählen. Als Nächstes können Sie den Layouttyp auswählen. Das Plugin unterstützt horizontale und vertikale Registerkarten. Danach müssen Sie jeder Ihrer Registerkarten einen Titel zuweisen, ein Symbol auswählen und dann den Inhalt der Registerkarte hinzufügen.

Wiederholen Sie den Vorgang für alle Ihre Registerkarten. Die letzte Option im Popup ist das Hinzufügen einer benutzerdefinierten CSS-Klasse. Wenn Sie das Aussehen der Registerkarten ändern möchten, müssen Sie hier eine CSS-Klasse eingeben.

Während des gesamten Vorgangs können Sie auf der rechten Seite eine Live-Vorschau Ihrer Registerkarten sehen. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche Einfügen, um die Registerkarten in Ihrem WordPress-Beitrag hinzuzufügen.

Wenn Sie Ihren Beitrag speichern und in der Vorschau anzeigen, werden Ihre Registerkarten in Aktion angezeigt.

Hinzufügen eines Tabbed Widget in WordPress

Das Plugin bietet auch ein Widget zum Hinzufügen von Tabbed-Inhalten zu Ihren WordPress-Seitenleisten. Einfach besuchen Aussehen »Widgets und fügen Sie einer Sidebar das OTW Shortcode Widget hinzu.

Klicken Sie im Bereich Widgeteinstellungen auf die Schaltfläche Hinzufügen, um das Layout der Registerkarte hinzuzufügen. Dadurch wird derselbe Tab-Editor aufgerufen, den wir Ihnen zuvor gezeigt haben. Erstellen Sie einfach Ihre Registerkarten mithilfe der Benutzeroberfläche und fügen Sie sie dem Widget hinzu. Klicken Sie zuletzt auf die Schaltfläche "Speichern", um Ihre Widget-Einstellungen zu speichern.

Sie können jetzt eine Vorschau Ihrer Website anzeigen, um das Widget mit Registerkarteninhalten in Aktion zu sehen.

Abenteuerlustige Benutzer können dieses Tutorial auch lesen, wie man ein jQuery-Tabber-Widget in WordPress hinzufügt.

Wir hoffen, dass Sie mit diesem Artikel erfahren haben, wie Sie Tabbed-Inhalte in WordPress-Posts und -Seiten hinzufügen. Sie können auch einen Blick auf unsere Liste der 8 besten jQuery-Tutorials für WordPress-Anfänger werfen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unsere Video-Tutorials für unseren YouTube-Kanal für WordPress. Sie finden uns auch auf Twitter und Google+.