Wie man WordPress-Spalten ohne HTML erstellt

Zum Glück gibt es eine Menge großartiger Optionen zur Auswahl. Heute zeige ich Ihnen, wie Sie mit dem Shortcodes Ultimate-Plugin Spalteninhalte in WordPress erstellen können. Außerdem zeige ich, wie man den Columns-Block in Gutenberg verwendet.

Warum sollten Sie WordPress-Spalten verwenden?

Spalteninhalte sind beliebter, als Sie vielleicht denken. Die meisten großen Websites verwenden Spalten im Design ihrer Website, aber warum ist das so?

Der größte Vorteil von Spalteninhalten liegt in der Vergleichbarkeit. Nehmen wir zum Beispiel an, Sie möchten einen Vergleichsartikel über zwei Handys erstellen. Es ist ganz normal, einen Vergleich Seite an Seite zu machen, und dafür brauchen Sie Spalten.

Dies ist jedoch nicht nur für das Verfassen von Inhalten praktisch, sondern auch für Online-Shops von großem Nutzen. Nehmen wir zum Beispiel an, Sie haben ein Produkt, von dem es mehrere Versionen gibt. In den meisten Fällen haben Shops eine Spalte für jede Version, in der aufgelistet wird, was die einzelnen Versionen enthalten.

Dies hilft den Kunden, die für sie richtige Version auszuwählen.

Installation von Shortcodes Ultimate

Shortcodes Ultimate ist ein äußerst beliebtes Plugin mit über 800.000 aktiven Installationen. Es hat diese Popularität dadurch erlangt, dass es eine größere Auswahl an visuellen Optionen für Ihre Website durch Shortcodes bietet.

Und natürlich fügt es auch den Spalten-Shortcode hinzu.

Um zu beginnen, klicken Sie auf Plugins und wählen Sie die Option Neu hinzufügen auf der linken Seite des Verwaltungsbereichs.

Suchen Sie in dem verfügbaren Suchfeld nach Shortcodes Ultimate. Dadurch werden weitere Plugins angezeigt, die Sie möglicherweise hilfreich finden.

Scrollen Sie nach unten, bis Sie das Plugin Shortcodes Ultimate finden, und klicken Sie auf die Schaltfläche „Jetzt installieren“, um das Plugin für die Verwendung zu aktivieren.

Verwendung von Shortcodes Ultimate für WordPress-Spalten

Shortcodes Ultimate funktioniert sofort nach der Aktivierung. Es gibt zwar keine Einstellungen zu konfigurieren, aber es gibt einen Abschnitt für das Plugin.

Klicken Sie auf „[ ] Shortcodes“ und wählen Sie die Option Verfügbare Shortcodes.

Hier finden Sie eine vollständige Liste der Shortcodes, die das Plugin zu Ihrer Website hinzufügt.

Insgesamt gibt es 67 Shortcodes, von denen 15 in der Premium-Version verfügbar sind. Wenn Sie auf eine Option klicken, erhalten Sie den Shortcode und eine detaillierte Beschreibung seiner Funktion.

In diesem Fall empfehle ich, auf die Option Columns zu klicken, um alle Informationen zu erhalten, die Sie für die Verwendung benötigen.

Auf dieser Seite finden Sie ein Beispiel für den Shortcode und wie er angezeigt wird. Der Shortcode lautet:

[ht_message mstyle=“info“ title=““ show_icon=““ id=““ class=““ style=““ ][su_row] [su_column size=“1/2″ center=“no“ class=““]Spalte 1 Inhalt[/su_column] [su_column size=“1/2″ center=“no“ class=““]Spalte 2 Inhalt[/su_column] [/su_row] [/ht_message]

Das mag zwar kompliziert erscheinen, aber ich versichere Ihnen, dass es das nicht ist. Ich werde es für Sie aufschlüsseln. [ht_message mstyle=“info“ title=““ show_icon=““ id=““ class=““ style=““ ][su_row][/su_row][/ht_message] Dieser Teil erstellt eine Zeile.

Zwischen den Zeilen können Sie so viele Spalten hinzufügen, wie Sie möchten. In diesem Fall sind es zwei Spalten:[ht_message mstyle=“info“ title=““ show_icon=““ id=““ class=““ style=““ ][su_column size=“1/2″ center=“no“ class=““]Spalte 1 Inhalt[/su_column] [su_column size=“1/2″ center=“no“ class=““]Spalte 2 Inhalt[/su_column][/ht_message]

Der Shortcode als Ganzes erzeugt also 1 Zeile mit zwei Spalten. Sie werden feststellen, dass die Spaltengröße 1/2 ist. Dies ist der Standardwert, kann aber entsprechend geändert werden. Das Plugin bietet eine vollständige Liste der Größen.

Wählen Sie einfach die Zahl, die Ihren Bedürfnissen entspricht. Sie können so viele Zeilen und Spalten wie nötig hinzufügen. Fügen Sie den Shortcode einfach in einen Beitrag oder eine Seite ein und sehen Sie ihn in Aktion. Das obige Beispiel sieht dann so aus:

Herzlichen Glückwunsch zum Hinzufügen von Spalten mit Shortcodes Ultimate.

Verwendung von Column Block in Gutenberg

Wenn Sie kein weiteres Plugin zu Ihrer Website hinzufügen möchten, habe ich eine Lösung.

Der Gutenberg-Editor ist blockbasiert, und siehe da, er hat einen Spaltenblock integriert. Es ist jedoch erwähnenswert, dass Ihre Optionen sehr begrenzt sind. Sie können nur zwei Spalten haben, aber es kann sehr nützlich sein.

Gehen Sie zu einer beliebigen Seite oder einem Beitrag auf Ihrer Website und klicken Sie auf die Schaltfläche „+“.

Geben Sie „Spalten“ in die Suchleiste ein und wählen Sie den Block „Spalten“ aus.

Jetzt müssen Sie den einzelnen Spalten nur noch Inhalte hinzufügen.

Auf diese Weise können Sie schnell und einfach Spalten hinzufügen, aber wenn Sie mehr als 2 Spalten benötigen, brauchen Sie ein Plugin.

WordPress-Spalten ermöglichen mehr Inhaltsoptionen

Spalten können eine großartige Ergänzung zu den Inhalten sein, die Sie in WordPress erstellen, aber es ist erwähnenswert, dass es eine Zeit und einen Ort für sie gibt. Wenn Sie eine Spalte verwenden wollen, sollten Sie sicherstellen, dass der Inhalt, für den Sie sie verwenden, sinnvoll ist.

Es ist zum Beispiel nicht üblich, in jeder Spalte ganze Absätze zu schreiben. Sie werden meist für Aufzählungspunkte, Listen und ähnliche Dinge verwendet.

Wenn es fehl am Platz aussieht, sollten Sie dort keine Spalte einfügen. Glücklicherweise sind Spalten inzwischen ein Kinderspiel, das ohne Programmierung in jede Website integriert werden kann.

Warum verwenden Sie Spalten auf Ihrer Website? Wie viele Spalten werden Sie auf einer einzelnen Seite oder einem Beitrag verwenden?