P

Page Builder

WordPress 5 min read Entry 47 of 78
Definition

A page builder is a plugin that lets you design WordPress pages by dragging elements around on a canvas, instead of writing HTML and CSS.

In plain English

You place a container, drop a heading and an image inside it, set the spacing with a slider, and the builder writes the code underneath. What you arrange is what gets published.

Elementor, Divi, Bricks and Beaver Builder are all page builders. WordPress also has one built in now, the block editor, which does a smaller version of the same job.

Why it matters

It is what let a whole generation of people build professional sites without becoming developers. That is not a compromise, it is a genuine shift in who gets to make things.

It also shortens the loop. You see the result as you make it, which means you try five versions of a section instead of defending the first one because changing it is expensive.

How it works

  1. You edit visuallyThe builder loads over the page and you work on the real thing at the real width.
  2. Elements nestContainers hold columns hold widgets. The structure is what makes it responsive later.
  3. Settings replace codePadding, colour, typography and animation are controls, and the builder outputs the CSS.
  4. Templates keep it consistentHeaders, footers and post layouts built once and applied everywhere.

Learn the structure, not just the buttons

People who understand containers, nesting and inheritance build sites that survive. People who only know where the buttons are end up fighting their own layout.