Der Gutenberg-Layout-Editor ist der Standard-Editor in WordPress ab Version 5.0. Er ermöglicht es Benutzern, Inhalte auf eine visuelle und intuitive Weise zu erstellen und zu bearbeiten.
Um ein 2-spaltiges Layout mit Bild und Text zu erstellen, folge diesen Schritten:
- Erstelle einen neuen Beitrag oder eine neue Seite in WordPress.
- Klicken Sie auf das Pluszeichen (+) in der oberen linken Ecke, um ein neues Blockelement hinzuzufügen.
- Wählen Sie „Spalten“ aus den verfügbaren Blöcken aus.
- Wählen Sie das 2-spaltige Layout aus.
- Klicken Sie in die linke Spalte und fügen Sie ein Bild hinzu, indem Sie auf das Pluszeichen klicken und dann „Bild“ auswählen.
- Klicken Sie in die rechte Spalte und fügen Sie einen Textblock hinzu, indem Sie auf das Pluszeichen klicken und dann „Text“ auswählen.
- Fügen Sie Ihren Text in den Textblock ein und passen Sie ihn nach Bedarf an.
Sie können das Layout auch durch Ziehen und Ablegen der Spalten oder durch Klicken auf das Zahnradsymbol in jedem Spaltenblock anpassen. Hier können Sie die Breite jeder Spalte ändern und verschiedene Einstellungen vornehmen.
Ein 3-spaltiges Layout erstellen
Ein 3-spaltiges Layout in WordPress kann einfach mit dem Gutenberg-Editor erstellt werden. Hier ist eine Schritt-für-Schritt-Anleitung:
- Erstelle eine neue Seite oder öffne eine bestehende Seite im Gutenberg-Editor.
- Klicke auf das „+“-Symbol, um einen neuen Block hinzuzufügen.
- Suche nach dem Block „Spalten“ und wähle ihn aus.
- Wähle „3 Spalten“ aus dem Dropdown-Menü aus.
- Klicke auf das „+“-Symbol in der ersten Spalte, um einen neuen Block hinzuzufügen.
- Suche nach dem Block „Bild“ und wähle ihn aus.
- Lade ein Bild hoch oder wähle ein vorhandenes Bild aus.
- Klicke auf das „+“-Symbol unter dem Bildblock, um einen neuen Block hinzuzufügen.
- Suche nach dem Block „Überschrift“ oder „Absatz“ und wähle ihn aus.
- Füge deinen Text ein.
- Klicke auf das „+“-Symbol unter dem Textblock, um einen neuen Block hinzuzufügen.
- Suche nach dem Block „Benutzerdefinierter Link“ und wähle ihn aus.
- Füge den Link-Text und die URL hinzu.
- Wiederhole die Schritte 5 bis 13 für die verbleibenden beiden Spalten.
- Klicke auf „Veröffentlichen“ oder „Aktualisieren“, um die Seite mit dem 3-spaltigen Layout zu speichern.
Das ist alles! Mit diesen Schritten hast du ein 3-spaltiges Layout erstellt, bei dem jedes Bild von Text und einem Link begleitet wird. Du kannst dieses Layout nach Bedarf anpassen, indem du die Blöcke verschiebst oder weitere Blöcke hinzufügst.
Kann ich Layouts exportieren?
Ja, es ist möglich, Layouts in WordPress zu exportieren. Dies kann besonders nützlich sein, wenn Sie ein Layout erstellt haben, das Sie auf anderen Websites verwenden möchten oder wenn Sie das Layout auf einer anderen WordPress-Installation wiederherstellen möchten.
Um ein Layout in WordPress zu exportieren, gehen Sie wie folgt vor:
- Öffnen Sie den Gutenberg-Editor und navigieren Sie zu dem Beitrag oder der Seite, die das Layout enthält, das Sie exportieren möchten.
- Klicken Sie auf das Menüsymbol (drei vertikale Punkte) in der oberen rechten Ecke des Editors und wählen Sie „Optionen“ aus.
- Klicken Sie auf „Layout-Export“.
- Wählen Sie die Blöcke aus, die Sie exportieren möchten, und klicken Sie auf „Exportieren“.
- Die Exportdatei wird im JSON-Format heruntergeladen. Sie können die Datei speichern oder auf einem anderen Computer oder einer anderen WordPress-Installation importieren.
Um ein exportiertes Layout in WordPress zu importieren, gehen Sie wie folgt vor:
- Öffnen Sie den Gutenberg-Editor und erstellen Sie eine neue Seite oder einen neuen Beitrag.
- Klicken Sie auf das Menüsymbol und wählen Sie „Optionen“ aus.
- Klicken Sie auf „Layout-Import“.
- Wählen Sie die Exportdatei aus, die Sie importieren möchten, und klicken Sie auf „Importieren“.
- Die Blöcke werden importiert und das Layout wird auf der Seite oder dem Beitrag angezeigt.
Es ist jedoch zu beachten, dass nicht alle WordPress-Themes Layout-Export- und Importfunktionen unterstützen.