WordPress and Bricks Builder Website Blueprint [Video 10:06]

By
Fabrizio Van Marciano

Welcome back, in this video, I want to share with you my go-to, WordPress and Bricks Builder website blueprint.

If you’re frequently building WordPress websites with Bricks, it makes perfect sense to have a blueprint of some kind. It doesn’t have to be a complex blueprint, however, by using one you are going to save yourself a lot of time when you need to dive right into a project.

For some time, I’ve been requested to share my blueprints, in this video I’ll go right ahead and give you a tour of my WordPress website stack blueprint.

Video

In this video, I will cover all the nit-gritty bits of what my WordPress and Bricks Builder website blueprint looks like.

If you want to learn about my Oxygen Builder and WordPress website blueprint, click here [Coming soon].

Local website hosting

To host WordPress sites locally (On my computer), I use the following desktop app –

  1. LocalWP

Website stack [Personal branding]

First of all, here is a list of all the themes + plugins I use for a general WordPress website –

  1. Bricks Builder + Bricks Child Theme [Premium theme]
  2. PiotnetForms (Depending on conversion needs) [Premium plugin]
  3. WPCodeBox2 [Premium plugin]
  4. Rankmath SEO [Free +premium plugin]
  5. CookieYES [Free + premium plugin]
  6. Independent Analytics [Free + premium plugin]
  7. WPGridBuilder [Premium plugin]

Website stack [Online selling]

I’ve designed and deployed countless online selling websites. For this, I will usually add the following plugins –

  1. WooCommerce [Free – Physical products]
  2. SureCart + SureMembers [Premium – Digital products and membership sites]
  3. LearnDash [Premium – Online courses]

Website stack [Holiday property booking]

As you may know, as a freelancer, I specialize in designing and building holiday property booking websites. In these cases, I use the following plugins in my blueprint –

  1. JetEngine [Premium plugin]
  2. JetBooking [Premium plugin]
  3. PiotnetForms [Premium plugin]

These days, I manage most of my class presets and variables in Bricks and WPCodeBox, which eliminates the need to use add-on plugins. I also use CSS for fluid typography.

You might be wondering about responsive grid layouts. I usually create page layouts as I go along, with the rule of creating layouts before styling elements, but this depends on the project’s scope.

If it’s a one-page project, the process is fairly simple. Multiple-page projects require a little more planning.

I also rely on CSS variables to manage colors and add consistent spacing between my containers and elements.

Recommended links + resources

Below is a list of tutorials related to creating a WordPress + Bricks blueprint, please note some are only available to Van Marciano Pro members. If you’re interested in signing up, check out this page.

  1. Fluid Responsive Typography using CSS Clamp Function
  2. Utility Classes for Bricks, Oxygen and Breakdance
Go straight to the main video