Using the Block Editor (Gutenberg)

What Is the Block Editor?

The Block Editor (also called Gutenberg) is the default WordPress content editor. It treats every piece of content — paragraphs, headings, images, buttons, columns — as a separate ‘block’ that you can add, move, and customise independently.

It replaced the older ‘Classic Editor’ and gives you much more control over page layouts without needing to write code.

Common Block Types

Here are the blocks you will use most often:

• Paragraph — Standard text block
• Heading — Section titles (H2, H3, H4)
• Image — Upload or select from media library
• Buttons — Call-to-action buttons
• Columns — Side-by-side content
• List — Bulleted or numbered lists
• Spacer — Vertical space between sections
• Group — Wraps multiple blocks together

Adding a Block

Click the + button between blocks, or type / followed by the block name (e.g. /image, /heading).

Moving and Rearranging Blocks

Click on any block and use the up/down arrows in the toolbar to move it, or grab the six-dot drag handle to drag it.

Block Settings and Styles

When you select a block, the right sidebar shows its settings — colour, font size, padding, and border radius.

Tips for a Clean Layout

Keep your pages consistent by using the same heading hierarchy (H2 for main sections, H3 for subsections). Your theme handles most styling automatically.