Building pages with the standard Gutenberg Block Editor
Discover the benefits of the standard WordPress Gutenberg editor. Layout pages quickly, future-proof, and without clutter.
For several years now, Gutenberg has been the default page builder within WordPress. Whereas previously you needed a separate plugin or page builder for every layout, WordPress now works out of the box with an intuitive system of 'blocks'.
With these blocks, you can easily place paragraphs, titles, images, buttons, and columns one below the other. Because this system is built directly into the core of WordPress, your website loads super fast and you remain independent of complex external software.
Practical Guide: Working with Blocks
Building a page via Gutenberg works in a few simple steps:
1. Adding a new block
When you edit a page, you will see a blue or black '+' icon appear everywhere. Click on this to open a list of available elements, such as headings, images, lists, or buttons.
2. Determining the layout with columns
Do you want to place two or three elements side by side (for example, your services)? Then first add the 'Columns' block. Next, choose the desired ratio (for example, 50/50 or 33/33/33) and fill each column with your own text and images.
3. Customizing blocks in the right-hand menu
Select a block you are working on. The settings bar appears on the right side of your screen. Here you can easily adjust the text size, background color, or alignment of that specific element.
Pros and cons of the Block Editor
| Advantages (Pros) | Disadvantages (Cons) |
|---|---|
Maximum loading speed: No unnecessary code or slow external scripts. |
Less visual freedom: You are bound by the framework of your theme. |
Future-proof: Part of the WordPress core, so always supported. |
Takes some getting used to: Requires some practice to get the columns exactly right. |
Safe & stable: No risk of conflicts from external page builders. |
No complicated animations: Focused on content, not on graphic bells and whistles. |
Do you want a clean layout for your services without getting lost in settings?
Do you want a clear layout for your listings that looks sleek and loads optimally, but aren't sure how to put it together neatly? I would be happy to help you with a professional, custom layout.
Contact me for a sleek layoutPrevent a slow WordPress site
Although Gutenberg is inherently very fast, you can still ruin loading speeds with your content:
- Do not upload gigantic images: Do not download photos directly from a stock photo site or camera to your site. Reduce the image dimensions beforehand and do not make the file larger than 200 to 300 KB.
- Avoid 'Gutenberg Block Addon' plugins: There are dozens of plugins that add extra blocks. Many of these extensions still load heavy code. It is better to use the standard built-in blocks.