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.

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