The new WordPress Gutenberg editor is designed to make sophisticated web page layouts a snap. Unfortunately, there are a few common tasks that are not as easy (or obvious) as they should be. Positioning an image next to a block of text is one of those challenges. In fact, it’s downright maddening.
In this tutorial, you’ll learn the right way to use Gutenberg to positioning an image next to text with minimal effort.
10 thoughts on “Positioning Images in Gutenberg”
I like very much this quick “how to” approach. It took me several long tries to learn how to put text on the side of an image.
The general topic of how to “combine” or use together blocks is most useful approach.
For example, how to modify the look of blocks is a big thing to learn. For example, how to change the background of a text box is a block function, but how do you put a box (line box) around a block of text for image.
I know there is becoming a whole “ecosystem” of special blocks, but how to catalog and select them will become a major concern of others that utilize Gutenberg, but not as a professional page creator.
Keep the tutorials coming.
Glad you enjoyed the tutorial Richard. I plan to make more in this style as common annoyances surface. I too worry about what I’ve begun to think of as “block bloat.” Once themes and plugins begin adding blocks I imagine a world where finding the right block will be a real challenge.
Thank you! That is one thing I do quite frequently on my site!!!! Thanks for keeping us up to date and not overwhelmed!
You’re welcome Nancy! Glad you found this useful.
Well done, Kirk
Thanks Ed!
Cool! Thanks…easy as pir to move the image.
(not much on my site)
Thank you for this very quick and easy to follow tutorial on something thta would have taken me ages to figure out. Kepp these videos coming,
Thanks, I just updated to gutenberg and couldn’t for the life of me figure this out. Great video!
Thank you! This has been driving me nuts for way too long. When you search google for a solution, results from the WordPress site all refer to the classic way of doing things.
This implementation is not at all intuitive in my opinion, but your video was. So thanks again.
Comments are closed.