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:
When you create a new Bricks template choose "GutenBricks - Page Template" as its type
Inside the template, add a Post Content element and set its data source to WordPress.
The 'GutenBricks - Page Template' will be visible for your clients to choose from within the Gutenberg editor.
Last updated