Bij productreviews, vergelijkingstabellen, tutorials, reisverhalen, infographics, educatieve inhoud, enz. kan het nodig zijn om teksten en afbeeldingen naast elkaar te zetten. Er zijn talloze manieren om dit te doen in WordPress.
In dit artikel laten we je verschillende effectieve manieren zien om tekst en afbeeldingen naast elkaar te zetten in WordPress. Blijf dus bij ons tot het einde. Je zult echt iets spannends leren.
Maak prachtige tafels
Met blok-editor
Methode 1: het blok Media & Tekst gebruiken
Media en tekst is een standaardblok van de Gutenberg-blokeditor. Met dit blok kun je tekst en afbeeldingen naast elkaar plaatsen zonder afhankelijk te zijn van tools van derden.
Stap 01: Media en tekst toevoegen aan de editor
Klik op de plus (+) pictogram op de editor. Type Media en tekst in de zoekbalk. Voeg het blok toe aan de editor.
Stap 02: Een afbeelding aan het blok toevoegen/uploaden
Je kunt een afbeelding toevoegen door deze te uploaden vanaf de lokale schijf, de mediabibliotheek of vanuit de weergegeven afbeelding. Kies de optie die je leuk vindt.
Je ziet dat de afbeelding is toegevoegd aan het blok.
Stap 03: Tekst toevoegen aan het blok Media & Tekst
Schrijf de gewenste tekst in de rechterkolom van het blok. Je kunt de tekstkleur, uitlijning en meer aanpassen als je wilt.
Stap 04: Wissel de positie van tekst- en mediabestanden af
Met het blok kun je de positie van de tekst- en mediabestanden afwisselen door op de respectievelijke opties op de werkbalk te klikken.
Methode 2: Het kolommenblok gebruiken
De Kolommen is ook een standaard blok van de editor. Het is een van de meest gebruikte blokken bij het maken van WordPress-inhoud.
Stap 01: Kolommenblok toevoegen aan de editor
Je kunt tekst en afbeelding naast elkaar weergeven door de optie Paragraaf en Beeldblokken afzonderlijk binnen kolomblokken.
Dus, het blok Kolommen toevoegen als eerste aan de redacteur.
Selecteer een lay-out met twee kolommen.
Stap 02: Voeg het blok Afbeelding toe aan het blok Kolommen
Het is beter om ze aan de linkerkant weer te geven. Dus, het blok Afbeelding toevoegen naar de linkerkolom.
Ook hier voeg je de gewenste afbeelding toe, vanaf de lokale schijf, de mediabibliotheek of via een URL.
Je kunt zien dat de afbeelding is toegevoegd aan het blok.
Stap 03: Tekst toevoegen aan het blok Cloumns
Voeg de Paragraaf blok naar de rechterkolom. Zo kun je tekst toevoegen.
Je ziet dat de tekst is toegevoegd aan de kolom.
Vervolgens kun je het kolommenblok aanpassen, inclusief de afbeelding en tekst erop.
Methode 3: Het Tableberg-blok gebruiken
Tafelberg is een prachtige table builder plugin waarmee je talloze onderdelen voor je website kunt ontwerpen. Met deze plugin kun je ook tekst en afbeeldingen naast elkaar zetten. Download de plugin door op de knoppen in de onderstaande banner te klikken.
Maak prachtige tafels
Met blok-editor
Begin nu met het volgen van de tutorial.
Stap 01: Voeg het Tableberg-blok toe aan de editor
Deze plugin voegt een blok met de naam Tableberg toe aan de Gutenberg blokbibliotheek. Blok Tableberg toevoegen aan de redactie.
Selecteer het aantal kolommen en rijen dat je nodig hebt voor de lay-out. Wij kiezen 2*1.
Je kunt zien dat de kolommen en rijen klaar zijn.
Stap 02: een afbeelding toevoegen aan een cel van de tabel
Met Tableberg kun je verschillende aangepaste blokken toevoegen aan de cellen. Door op de plus (+) pictogramvinden en het blok Afbeelding toevoegen naar een van zijn cellen.
Upload de afbeelding voor de lokale schijf of voeg er een toe vanuit je mediabibliotheek.
We hebben een afbeelding toegevoegd die je hieronder kunt zien.
Stap 03: Tekst toevoegen aan de tabel
Voeg eenvoudig tekst toe aan de rechterkolom met behulp van het paragraafblok.
Stap 04: De Tableberg-grens wijzigen
Je kunt dit gedeelte aantrekkelijker maken door de tabelrand te verwijderen of te koloniseren. Ga naar de Tabblad Stijlen.
Kom aan tafel grens door naar beneden te scrollen op het tabblad. Hier krijg je opties om de tabelrand te verwijderen of in te kleuren.
Zo kun je websecties maken om tekst en afbeeldingen naast elkaar te zetten in WordPress.
Conclusie
Je kunt inderdaad de standaard Gutenberg-blokken gebruiken om je webberichten en -pagina's te maken en te ontwerpen. Maar omdat ze veel geavanceerde functies missen, heb je vaak aanvullende blokplugins nodig die veel spannende functies bieden.
Tableberg is een spannende plugin die je in dit geval kunt gebruiken. Ultimate Blocks is een andere geweldige blokkenplugin die je zou moeten overwegen. Ontdek de gratis versies van deze twee plugins door op de knoppen hieronder te klikken.
Lees ook:
