AKA – placing text beside an image in WordPress 5.0

This is the block that we’ve all been waiting for!  For anyone who has been using the Gutenberg editor, placing text beside an image or video was extremely frustrating and difficult.

In fact there was a workaround that we and others wrote about here

The WordPress team heard us and created the Media & Text Block – Let’s get Started!

Step 1– Under the Layout Elements section of the Block Selector, choose Media & Text, (You can also type it into the search box.)

Selecting the Media and Text Block in Gutenberg.
Select Media & Text from the Layout Elements Section

Step 2– After choosing the block, determine whether you want the media ( your picture, video, or audio) to be on the left or right of the text.

Using the Block Toolbar, you can choose where you want the media to be placed.

Step 3-  Either drag, upload, or choose your media from the media library on the media side.

You can choose media from the media library for this block as well as drag or upload.

Step 4– Type the text that you want to add to the right block.  You’ll have all of the normal paragraph editing options available to you such as alignment, bold, italics, and linking.

That’s it, this is now much easier to do than it was before in previous versions of Gutenberg, and is arguably easier than the way it was done in the classic editor.  This block will soon become one of your “Most Used” in no time.

Copyright ByRivers Tech LLC/ WP-Tutoring.Com All Rights Reserved.

  • Get Expert WordPress Help Right Now!

  • Please enter your phone number so we can fully discuss your needs.
  • This field is for validation purposes and should be left unchanged.