Die Praxis, Inhalte in Spalten anzuordnen, geht auf die Anfänge des Buchdrucks zurück. Dieses Format kann eine vielseitige Möglichkeit sein, Ihren Text, Ihre Bilder und mehr zu organisieren. Das Hinzufügen mehrerer Spalten in WordPress und die richtige Platzierung kann jedoch etwas schwierig sein.
Zum Glück muss es nicht so sein. Sie können jetzt den Blockeditor verwenden, um in wenigen kurzen Schritten ganz einfach mehrere Spalten zu Ihren WordPress-Posts und -Seiten hinzuzufügen.
Sie können dieses Layout auch mit dem klassischen Editor und einem Page Builder-Plugin erreichen.
In diesem Tutorial sehen wir uns an, wie Sie mehrere Spalten in WordPress hinzufügen.
Lass uns anfangen!
Warum ein mehrspaltiges Layout verwenden
Von der Auswahl des richtigen Designs bis hin zum Hinzufügen benutzerdefinierter Schriftarten ist die Personalisierung des Designs Ihrer Website entscheidend für die Etablierung Ihrer Marke. Auch Ihre Beitrags- und Seitenlayouts sind Teil dieses Puzzles. Das Experimentieren mit verschiedenen Formatierungsoptionen kann eine interessante Möglichkeit sein, Ihren Inhalten strukturelle Vielfalt zu verleihen.
Da es kein einzelnes Format gibt, das ist am besten für die Lesbarkeit, können Sie kreativ werden und einen Look finden, der zu Ihnen passt. Sie können sie von Seite zu Seite wechseln, um sie an verschiedene Arten von Inhalten anzupassen, und eine WordPress-Site erstellen, die aus Seiten mit unterschiedlichen Layouts besteht, wie in dieser Demo:
Spalten sind ein besonders vielseitiges Format. Wenn Sie Ihren Platz wirtschaftlich nutzen möchten, sind sie eine einfache Möglichkeit, Ihren Text zu segmentieren.
Sie können auch Spalten verwenden, um verschiedene Widgets zusammenhängend miteinander zu verbinden, wie das BuddyBoss-Thema zeigt:
Oder Sie möchten einfach ein flexibles Format verwenden, das je nach Bedarf entfernt oder umgeformt werden kann. Unabhängig von Ihrer Argumentation können Spalten Ihrer Website eine gewisse Vielfalt und Organisation verleihen.
So fügen Sie mehrere Spalten in WordPress hinzu (2 einfache Methoden)
In den frühen Tagen von WordPress mussten Benutzer über Grundkenntnisse in HTML verfügen und in der Lage sein, ihren Code sicher zu bearbeiten, um Spalten zu ihren Beiträgen hinzuzufügen. Damals war das Schreiben und Bearbeiten von Inhalten nicht die benutzerfreundlichste Erfahrung.
Glücklicherweise gibt es jetzt zwei einfache Methoden zum Hinzufügen von Spalten in WordPress – kein HTML erforderlich.
Der Blockeditor kommt mit einer intuitiven integrierten Spaltenfunktion, und diejenigen, die den klassischen Editor bevorzugen, werden sich freuen zu hören, dass Sie mit Hilfe eines Plugins immer noch die manuelle Codierung von Spalten vermeiden können.
Sehen wir uns nun die beiden Methoden an.
Methode 1: Verwenden Sie die native Funktionalität des Blockeditors
Wir beginnen mit dem Hinzufügen mehrerer Spalten mit dem Blockeditor (Gutenberg). Die neue Standard-Benutzeroberfläche zur Erstellung von WordPress-Inhalten bietet a eine ganze Reihe hilfreicher Funktionen, alle konzentrierten sich auf einfach zu verschiebende Inhaltsblöcke.
Eine dieser Funktionen ist der treffend benannte Spaltenblock, mit dem Sie so viele Spalten erstellen können, wie Sie möchten.
Geben Sie ein, um zu beginnen „Säulen“ in das Suchfeld des Blockeditors, das Sie durch Klicken auf die Schaltfläche + öffnen können. Alternativ können Sie einfach auf den Bildschirm klicken und mit der Eingabe beginnen „/Säulen“ um dieselbe Option aufzurufen.
Dies ruft ein Fenster auf, in dem Sie ein Spaltenlayout auswählen können:
Es ist auch möglich, mit den standardmäßigen zwei Spalten zu beginnen und die Einstellungen später anzupassen.
Nachdem Sie festgelegt haben, wie viele Abschnitte Sie möchten und wie Sie sie aufteilen möchten, können Sie den Block per Drag & Drop an eine beliebige Stelle ziehen.
Als Nächstes können Sie andere Blöcke innerhalb des Spaltenblocks verschachteln. Sie können alle Textblöcke sein, oder Sie können sie durcheinander bringen. Versuchen Sie, eine Textspalte zu verbessern, indem Sie sie neben einer Bild- oder Kalenderspalte platzieren, um sie hervorzuheben:
Scheuen Sie sich nicht, die Flexibilität des Editors zu nutzen, indem Sie Elemente mischen und anpassen.
Danach können Sie zu den Einstellungen des Spaltenblocks zurückkehren und das Breitenverhältnis an Ihre Bedürfnisse anpassen. Jede einzelne Spalte kann je nach gewünschtem Look angepasst werden.
Dank der visuellen Oberfläche des Blockeditors wird Ihre Arbeit im Backend ziemlich direkt auf das Frontend übertragen. Als Referenz sieht unser Beispiel nach der Veröffentlichung so aus:
Sobald Sie sich mit den Grundlagen vertraut gemacht haben, gibt es mit Spalten mehr zu entdecken.
Wenn Sie mit dem Block-Editor nach mehr Funktionen suchen, sollten Sie ein Block-Plugin herunterladen und mit neuen Inhaltskombinationen experimentieren.
Methode 2: Verwenden Sie den Classic Editor und Page Builder von SiteOrigin
Wenn Sie eher ein Traditionalist sind und immer noch den klassischen Editor verwenden, können Sie Ihren Beiträgen und Seiten auch ohne Code mehrere Spalten hinzufügen. Alles, was Sie brauchen, ist ein Plugin. Es gibt viele Optionen, mit denen Sie die Arbeit erledigen können, also müssen Sie sich zuerst für eine entscheiden.
Da ich ein großer Fan von bin Page Builder von SiteOrigin Plugin verwenden, verwende ich dieses, um ein mehrspaltiges Layout im klassischen Editor zu erstellen:
Page Builder ist eine solide kostenlose Option, die eine intuitive Drag-and-Drop-Oberfläche verwendet und mehr als 1 Million aktive Installationen hat.
Sobald Sie das Plugin auf Ihrer Site installiert und aktiviert haben, gehen Sie zu seiner Einstellungsseite, indem Sie auf klicken Einstellungen > Page Builder Menü in der linken Seitenleiste.
Wählen Sie hier die Allgemein Registerkarte und überprüfen Sie die Klassischen Editor für neue Beiträge verwenden Möglichkeit:
Beachten Sie, dass Sie auch die Klassischer Editor Plugin auf Ihrer Site installiert und aktiviert, damit diese Option funktioniert.
Jetzt können Sie Spalten hinzufügen, indem Sie einen vorhandenen Beitrag öffnen oder einen neuen erstellen und zum Seitenersteller Reiter in der oberen rechten Ecke:
Klicken Sie hier auf Zeile hinzufügen Schaltfläche, die eine neue Zeile erstellt, in der Sie Ihre Spalten hinzufügen können:
Dadurch wird eine Benutzeroberfläche geöffnet, in der Sie einige Anfangseinstellungen anpassen können, einschließlich der Anzahl, des Verhältnisses und der Richtung Ihrer Spalten:
Geben Sie die Anzahl der Spalten an und entscheiden Sie, wie ihre Verhältnisse aussehen sollen. Klicken Sie dann auf Einfügung um sie in Ihren Beitrag einzufügen.
Ähnlich wie beim Blockeditor können Sie mit dem Page Builder by SiteOrigin Plugin verschiedene Widgets in die Spaltenstruktur einfügen.
Wählen Sie die Spalte aus, zu der Sie das Widget hinzufügen möchten, und klicken Sie dann auf Widget hinzufügen Schaltfläche, die das folgende Fenster öffnet:
Wählen Sie das Element aus, das Sie integrieren möchten, und füllen Sie es mit Ihren Inhalten aus.
Das Backend Ihres Beitrags sollte nun ungefähr so aussehen:
Schließen Sie Ihre Änderungen ab.
Dies führt zu einem Ergebnis im Frontend, das in etwa so aussieht:
Versuchen Sie, mit verschiedenen Widget-Paarungen herumzuspielen, um ein einzigartiges Aussehen für Ihre Website zu erzielen. Es ist ein einfacher Prozess, den Sie jederzeit rückgängig machen können. Haben Sie also keine Angst, neue Wege zu gehen und kreativ zu werden.
Abschluss
Das Hinzufügen von Spalten zu Ihrer WordPress-Site kann dazu beitragen, dass Ihr Layout frisch und ansprechend bleibt. Obwohl der Prozess manchmal etwas schwierig sein kann, gibt es einfache Methoden, die Sie verwenden können, um es einfacher zu machen.
In diesem Tutorial haben wir zwei Schritt-für-Schritt-Methoden zum Hinzufügen mehrerer Spalten in WordPress behandelt:
- Verwenden des integrierten Spaltenblocks des Blockeditors
- Installieren eines Plugins wie Seitenersteller um es mit dem klassischen Editor zu verwenden
Wie fügst du Spalten in WordPress am liebsten hinzu? Lass es uns im Kommentarbereich unten wissen!