Welcome

Welcome to Bricks! If you’re here, you’re probably looking for a better way to build WordPress sites, one that gives you full control without forcing you to write code for every little thing.

What is Bricks?

Bricks is a visual site builder for WordPress that gives you complete design freedom without compromising on code quality.

Unlike traditional page builders that generate bloated code, Bricks outputs clean HTML and CSS. You design visually, Bricks writes efficient code. No wrapper divs, no inline styles, no mystery markup.

What makes Bricks different:

• Full design control - Every element, every style, every layout option is customizable
• Clean code output - Fast-loading sites with lean, semantic HTML and efficient CSS
• Built for growth - Start simple, access deeper capabilities as your skills develop
• True visual editing - What you see in the builder is what you get on the front end

Who is Bricks for?

Bricks meets you where you are:

• Starting out? You can build beautiful, functional sites without knowing any code
• Growing your skills? Bricks reveals how web standards work as you build, helping you level up naturally
• Already technical? You’ll appreciate the direct control, the clean output, and the ability to extend everything with your own code when needed

You don’t need to be a developer. But if you’re on that path, Bricks grows with you instead of getting in your way.

What you’ll learn in this series

In this getting started series, we’ll build a simple site together: a homepage with a latest posts section, a header template, and a blog post template.

Along the way, you’ll learn how to:

• Install and configure Bricks
• Navigate the builder interface
• Build pages and templates
• Apply consistent styling with theme styles and global classes
• Create responsive layouts
• Connect designs to WordPress content with dynamic data
• Display repeating content with query loops

These fundamentals prepare you for more advanced features you can explore as your projects demand them.