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.
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.
Methode 4: Verwendung des Sliderberg-Blocks
Möchten Sie Text und Bilder nebeneinander in einem interaktiven Slider präsentieren? Die Schiebereglerberg Plugin können Sie genau das tun - mit dem vertrauten Media & Text-Block, mit voller Flexibilität. Hier erfahren Sie, wie Sie es in nur wenigen Minuten einrichten können:
Schritt 1: Installieren und aktivieren Sie das Sliderberg Plugin
Gehen Sie zunächst zu Plugins → Neu hinzufügen in Ihrem WordPress-Dashboard, suchen Sie nach "Sliderberg", und klicken Sie auf Jetzt installieren. Aktivieren Sie dann das Plugin.
Schritt 2: Einfügen des Sliderberg-Blocks
Bearbeiten Sie Ihren Beitrag oder Ihre Seite. Klicken Sie auf die + klicken, nach "Sliderberg" suchen und den Sliderberg-Block an der Stelle einfügen, an der der Schieberegler erscheinen soll.
Schritt 3: Wählen Sie den Typ 'Blocks Slider'.
Wenn Sie dazu aufgefordert werden, wählen Sie die Blöcke Schieberegler Option. Damit können Sie beliebige Gutenberg-Blöcke innerhalb jeder Folie hinzufügen.
Schritt 4: Wählen Sie eine Hintergrundfarbe für den Schieberegler
Wählen Sie eine Hintergrundfarbe für Ihren Schieberegler, die zum Stil Ihrer Website passt, oder lassen Sie ihn transparent, um einen sauberen Look zu erzielen.
Schritt 5: Fügen Sie den Block 'Medien & Text' innerhalb des Sliders hinzu
Klicken Sie innerhalb Ihrer ersten Folie auf die Schaltfläche + Taste und fügen Sie die Medien & Text Block.
Schritt 6: Bild und Text zum Slider hinzufügen
Verwenden Sie den Block Medien & Text, um Ihr Bild hochzuladen (linke Seite) und Ihren Text hinzuzufügen (rechte Seite). Sie können Überschriften, Absätze, Schaltflächen oder andere Blöcke verwenden, die Sie benötigen.
Schritt 7: Folien hinzufügen oder duplizieren
Möchten Sie mehr Folien? Klicken Sie auf Dia hinzufügen um einen neuen zu erstellen, oder Dia duplizieren um ein vorhandenes Layout zu kopieren.
Schritt 8: Anpassen des Schiebers und Veröffentlichen
Passen Sie die Einstellungen des Schiebereglers (Animation, automatische Wiedergabe, Navigationspfeile usw.) nach Ihren Wünschen an. Wenn Sie fertig sind, klicken Sie auf veröffentlichen. live zu gehen!
Jetzt haben Sie einen reibungslosen, reaktionsfähigen Schieberegler, der Text und Bild nebeneinander anzeigt - perfekt für Teampräsentationen, Produkte, Zeugnisse und mehr.
Profi-Tipp: Sie können verwenden jede Blocks innerhalb Ihrer Sliderberg-Folien - nicht nur Medien und Text! Werden Sie kreativ mit Schaltflächen, Symbolen, Spalten oder sogar Blöcken von Drittanbietern.
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:
