Next: Configure Page Template to render

After creating your first GutenBricks page, you may want to view it on the frontend. Did you notice the blocks are not rendered in full-width?

After the block is created from the template, you need to choose the right template to render it on the front-end. There are four different methods:

  • GutenBricks' Built-in Template - GutenBricks comes with a default page template that renders blocks in full page width. You can also change the name of the template on the settings page.

  • GutenBricks - Page Template - Create a template and set its type to 'GutenBricks - Page Template.' This can be particularly useful if clients want to choose their own page template for rendering a page.

  • The good old Single Template - Create a 'Single' type template, add a Post Content element, and set its data source to 'WordPress.' This way, the WordPress content will be rendered within the Post Content element.

  • Child Theme - Choose 'Render with WordPress,' and it will be rendered using the Bricks Builder default template-parts/posts.php. For this option, you will need to create a child theme.

This is what you might see after viewing your first GutenBricks page. This is because WordPress is using Bricks Builder's default post template to render the page.

Setting up GutenBricks - Page Template

You can let your clients select different templates by creating a 'GutenBricks - Page Template.' If you watched the tutorial by Paul from WPTuts, you already know how to use Post Content to render WordPress content.

Here is how to set up GutenBricks - Page Template:

  1. When you create a new Bricks template choose "GutenBricks - Page Template" as its type

  1. Inside the template, add a Post Content element and set its data source to WordPress.

  1. The 'GutenBricks - Page Template' will be visible for your clients to choose from within the Gutenberg editor.

Last updated