Adding a Media & Text Block in Gutenberg

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

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.

Media Text block
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.

Media & Text

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.

3 Comments

  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.

    Reply
    • 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?

      Reply
  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!

    Reply

Submit a Comment

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

Access Our WordPress Training Academy Videos

View our FREE WordPress 6.4 Course.  Learn about the exciting new features available in this release!