Adding a Media & Text Block in Gutenberg

by Dec 10, 2018WordPress Tutorials - WP Tutorials, Gutenberg, WordPress 5.0

Need WordPress Help? Click Here.

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.

More WordPress Tutoring Goodness

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.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.


  1. the doctor

    Media & Text block does not provide any link option every image links to homepage.

    This block will soon become one of your “Most Useless” in no time.

    • Ann McGregor

      I came here hoping to find a solution to add the link, because that is exactly what I want to do. And yes, this block is not helpful. Why would they take out the link option for the image? Anyone have a workaround?

  2. Carol

    Why can’t we link images in a media and text block to another page. People are used to clicking on an image to go somewhere. We could do this before Gutenberg!


Submit a Comment

Your email address will not be published. Required fields are marked *