This is the last post in my make-the-block-editor-less-frustrating series. I saved images for last for two reasons. One, I’ve been here before, and two, I had some things to learn. I am going to focus on putting images next to text. If you want to put an image in between paragraphs, that’s easy – add a Paragraph block. Write some text. Add an image block. Choose a photo. Add another Paragraph block. If you want to have an image next to your text, well, there are several ways.
If you search for “wrapping text around images in the block editor” one of the first results you will get will point you to the Media and Text block. That’s a thing. That doesn’t mean an Image block and a Paragraph block, it’s a composite block that handles media and text. It doesn’t have a lot of options. Basically, you plop an image into the media side and you paste your text in the other side. When you first put the text in, it kinda looks like, um, well, let’s just say you won’t be happy.
That’s ok, you can resize the text to get it to look good. You do that by changing the size of the text, either by choosing between small, medium, large and such, or by setting the point size. You can also set where the image should be anchored vertically, and you can set whether the image should appear on the left or the right of your text. You can skip through the slide show to see these steps.
According to several sources, the easiest way to add an image to a block of text, such that the text wraps around the image, is to simply add an image block and a text block. I’m here to tell you that it does work, but it is the least intuitive operation in the Block Editor – By Far! Here’s how you do this. 1) You add an Image block. 2) You choose an image to put in that block. 3) You resize the image. 4) You choose the alignment (I like them on the right) that you want. 5) You add a Paragraph block beneath your resized and aligned image … and … poof, the Paragraph block will position itself alongside your image. Seriously, it really works. The slide show thingie below this paragraph includes a few screen shots of this process.
There is a third option that you will think should be an easy way to handle this task. That’s the Inline Image option, which you can invoke while working in a Paragraph (and a few others) block. As the slide show indicates, this doesn’t give great results. I cannot figure out how not to have it end up looking like the last image in the show. I’ve looked this up in a few places, and I haven’t found a good answer. I want to believe that there’s a way to get the text to wrap around the image. If you know how to do this, please leave a comment explaining it. However, if you were able to get it to work, it would look like one of the two options above.
There is at least one more way to get an image alongside your text – add a Column block to your post. Set it to be two columns wide and add an Image block to one side and a Paragraph block to the other. This is essentially what the Media and Text block does for you.
While this will be the last post in this series, this and the previous posts are available on the menu under the Block Editor option. As I have mentioned before, if you have specific questions about the Block Editor or other issues you’re having with WordPress, feel free to ask in a comment or send me an email. I am happy to help if I can.