Let’s say you’re making a basic “About Me” page. You want a headline at the top, a photo of yourself, a couple of paragraphs of text, maybe a list of fun facts, and a button that links to your contact page. That might sound like a lot, but in Gutenberg, it’s just a handful of blocks—and they’re all incredibly easy to use.
First, start with a Heading block. This will be the title of your page—something like “About Me” or “Who I Am”. Once you type it in, you can change the size using the toolbar that appears just above the block, or use the sidebar on the right to make it bold, adjust the color, or switch the heading level (H1, H2, etc.).
Next, you might want to add an Image block. Click the little plus (+) button, search for “Image,” and select it. You can upload a photo from your computer or pick one from your media library if you’ve uploaded it before. Once it’s placed, you can adjust its alignment or add a caption if you like.
Below that, it’s time for a Paragraph block. Gutenberg adds a new paragraph block automatically when you hit Enter, so just start typing. If you want to break your text into smaller sections, just press Enter again—it’s that simple.
Now, let’s say you want to add a list of fun facts about yourself. You’d use the List block. Add it the same way you added the others, then type each item on its own line. Gutenberg will handle the formatting for you.
Finally, maybe you want to add a Button block at the bottom that says “Get in Touch.” Add the block, write your button text, and set the link to your contact page. You can also change the color and shape of the button if you want to match your site’s look.
And just like that, you’ve created a full, nicely structured layout—without touching a single line of code.
Of course, this is just a basic example. Gutenberg has a lot more blocks to explore, like Columns (for side-by-side layouts), Cover (for full-width images with text over them), Spacer (for adding white space), and so many others. But the core idea is the same: you’re just building your page one piece at a time.
What’s great about this approach is that you don’t have to commit to a final version right away. You can rearrange blocks by dragging them or using the little up/down arrows next to each one. You can remove blocks, duplicate them, or experiment with layouts until things look just right.
So take some time to play around. Try building a simple “About” or “Services” page. See how the blocks behave. You really can’t break anything, and the more you use them, the more natural it’ll start to feel.