Bei Produktbesprechungen, Vergleichstabellen, Anleitungen, Reiseberichten, Infografiken, Bildungsinhalten usw. müssen Sie möglicherweise Texte und Bilder nebeneinander stellen. In WordPress gibt es zahlreiche Möglichkeiten, dies zu tun.
In diesem Artikel zeigen wir Ihnen mehrere effektive Möglichkeiten, wie Sie Text und Bild nebeneinander in WordPress einfügen können. Bleiben Sie also bis zum Ende dabei. Sie werden wirklich etwas Spannendes lernen.
Schöne Tische erstellen
Mit Block-Editor
Methode 1: Verwendung des Medien- und Textblocks
Medien & Text ist ein Standardblock des Gutenberg-Blockeditors. Mit diesem Block können Sie Text und Bilder nebeneinander platzieren, ohne auf ein Drittanbieter-Tool angewiesen zu sein.
Schritt 01: Hinzufügen von Medien und Text zum Editor
Klicken Sie auf die Plus-Symbol (+) auf dem Editor. Typ Medien & Text in der Suchleiste. Fügen Sie den Block zum Editor hinzu.
Schritt 02: Hinzufügen/Hochladen eines Bildes in den Block
Sie können ein Bild hinzufügen, indem Sie es vom lokalen Laufwerk, aus der Mediathek oder aus dem vorgestellten Bild hochladen. Wählen Sie die Option, die Ihnen gefällt.
Sie können sehen, dass das Bild dem Block hinzugefügt wird.
Schritt 03: Text zum Medien- und Textblock hinzufügen
Schreiben Sie den gewünschten Text in der rechten Spalte des Blocks. Sie können die Textfarbe, die Ausrichtung und mehr anpassen, wenn Sie möchten.
Schritt 04: Wechseln Sie die Position der Text- und Mediendatei
Der Block ermöglicht es Ihnen, die Position der Text- und Mediendateien durch Anklicken der entsprechenden Optionen in der Symbolleiste zu ändern.
Methode 2: Verwendung des Spaltenblocks
Die Rubriken ist ebenfalls ein Standardblock des Editors. Er ist einer der am häufigsten verwendeten Blöcke bei der Erstellung von WordPress-Inhalten.
Schritt 01: Hinzufügen des Spaltenblocks zum Editor
Sie können Text und Bild nebeneinander anzeigen, indem Sie die Absatz und Bildblöcke getrennt innerhalb von Spaltenblöcken.
Also, Hinzufügen des Blocks Columns zuerst an den Herausgeber.
Wählen Sie ein zweispaltiges Layout.
Schritt 02: Hinzufügen des Bildblocks zum Spaltenblock
Es ist besser, die auf der linken Seite anzuzeigen. So, den Image-Block hinzufügen zur linken Spalte.
Auch hier fügen Sie das gewünschte Bild hinzu, sei es vom lokalen Laufwerk, aus der Medienbibliothek oder über eine URL.
Sie können sehen, dass das Bild dem Block hinzugefügt wurde.
Schritt 03: Text zum Spaltenblock hinzufügen
Fügen Sie die Absatzblock in der rechten Spalte. So können Sie Text hinzufügen.
Sie können sehen, dass der Text der Spalte hinzugefügt wird.
Als Nächstes können Sie den Spaltenblock, einschließlich des Bildes und des Textes, individuell gestalten.
Methode 3: Verwendung des Tableberg-Blocks
Tischberg ist ein wunderbares Table Builder Plugin, mit dem Sie zahlreiche Teile für Ihre Website gestalten können. Dieses Plugin ermöglicht es Ihnen auch, Text und Bilder nebeneinander zu stellen. Laden Sie das Plugin herunter, indem Sie auf die Schaltflächen klicken, die mit dem Banner unten verbunden sind.
Schöne Tische erstellen
Mit Block-Editor
Beginnen Sie jetzt mit dem Lernprogramm.
Schritt 01: Hinzufügen des Tableberg-Blocks zum Editor
Dieses Plugin fügt der Gutenberg-Blockbibliothek einen Block namens Tableberg hinzu. Hinzufügen des Tableberg-Blocks an die Redaktion.
Wählen Sie die Anzahl der Spalten und Zeilen, die Sie für das Layout benötigen. Wir wählen 2*1.
Wie Sie sehen können, sind die Spalten und Zeilen fertig.
Schritt 02: Hinzufügen eines Bildes zu einer Zelle in der Tabelle
Mit Tableberg können Sie verschiedene benutzerdefinierte Blöcke zu den Zellen hinzufügen. Durch Anklicken des Feldes Plus-Symbol (+), finden und den Image-Block hinzufügen zu einer seiner Zellen.
Laden Sie das Bild für das lokale Laufwerk hoch oder fügen Sie eines aus Ihrer Medienbibliothek hinzu.
Wir haben ein Bild hinzugefügt, das Sie unten sehen können.
Schritt 03: Text zur Tabelle hinzufügen
Fügen Sie der rechten Spalte einfach Text mit Hilfe des Absatzblocks hinzu.
Schritt 04: Ändern der Tableberg-Grenze
Sie können diesen Bereich ansprechender gestalten, indem Sie den Rand der Tabelle entfernen oder kolonisieren. Gehe zu die Registerkarte "Stile.
Komm zu Tisch Grenze indem Sie auf der Registerkarte nach unten blättern. In diesen Optionen können Sie den Tabellenrand entfernen oder einfärben.
So können Sie Webabschnitte erstellen, um Text und Bilder in WordPress nebeneinander zu stellen.
Schlussfolgerung
In der Tat können Sie die standardmäßigen Gutenberg-Blöcke nutzen, um Ihre Webbeiträge und Seiten zu erstellen und zu gestalten. Da ihnen aber viele fortgeschrittene Funktionen fehlen, benötigen Sie oft zusätzliche Block-Plugins, die viele spannende Funktionen bieten.
Tableberg ist ein spannendes Plugin, das Sie in diesem Fall verwenden können. Ultimate Blocks ist ein weiteres großartiges Block-Plugin, das Sie in Betracht ziehen sollten. Erkunden Sie die kostenlosen Versionen dieser beiden Plugins, indem Sie auf die unten angefügten Schaltflächen klicken.
Lesen Sie auch:
