When you create Content Templates, you can use the classic Content Template editor (as you have been doing thus far) or you can switch to the Gutenberg Editor.
In the Gutenberg Editor, you design your post content using Blocks.
- Go to Toolset -> Dashboard.
- Locate the custom post type for which you want to create the template; for example, “Books.”
- Click on the Create Content Template button. You are taken to the Content Template editor.
- Click on the Gutenberg button to begin designing the template using the Gutenberg Editor.
- Click on the Edit with Gutenberg Editor button.
In Gutenberg, you design the post content using blocks. You can use any block.
To insert your custom fields and post meta-information (such as the post date, post featured image, and post body), do the following:
- Insert the Custom HTML block.
- Click the Fields and Views button.
When you click the Fields and Views button, the Fields and Views shortcodes dialog opens. You can then insert fields as shortcodes.
The fields you choose will be inserted as shortcodes surrounded by curly brackets. You can wrap them in additional HTML tags, if necessary.
The following is an example of how a content template for a “Book” page may look:
In this example, the blocks that include the Toolset shortcodes in curly brackets are Custom HTML blocks. All other blocks are standard paragraph blocks.
The following is how the post from the previous example will look on the front-end.
To add Views to your content template, use the Views block.
Review the tutorial on How to design the Views output using Gutenberg Editor to see how you can create Views using Gutenberg.