Positioning Images in Gutenberg

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”

  1. 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.

    1. 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.

  2. 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.