How to Create Post Page Template in Zero Block
More
More
More
More
More
More
With Zero Block, you can design a unique page template for Feed posts. You can build a custom style for each Feed and make your blog more visually engaging.
Recommendations for making sure the post page template displays correctly after publication:

  • All elements should be grouped using the Object type.
  • Auto Layout should be enabled for groups and set to Auto.
  • The Grid Container height of the artboard should be set to Auto.
The post page template must be published with the latest changes.
Assigning a post page template to a Feed
Create a new page that you will later assign as the template for Feed posts. The page can be blank — you can return to styling and setting it up later.
Site dashboard: the "+ Create new page" button in the upper right.
Go to the Feed settings and open the "Template" tab for the Custom Feed or "Header and Footer" tab for the Informational Feed. In the "Post page template", select the page you created earlier and save the changes.
The "Template" tab in the "Feed Settings" pop-up window, accessed from the feed settings menu in the left panel.
The post page template will appear in the page list with the Template name. The Feed it is assigned to will be shown in brackets next to it. To edit the post page template, click it in the list.
Project dashboard: the created feed template page in the "Services header and footer" section.
Editing a post page template
Add Zero Block to the new page. The title of the Feed post linked to the template is displayed in the left lower corner of the page.

Click the post title and select the post you want to use for preview while editing the template. If you click the pencil icon next to it, you will switch to the Feed to edit the content of that post.
Page editor: the post selector button in the bottom panel.
To open the post page template in the editor, click Block Editor.
Page editor: "Block Editor" button in the upper-left corner of the Zero Block.
In the Zero Block editor, click the plus icon to add a new element. You can add any element from the dropdown menu and link it to a Feed post field. You can select Post Template as well and add all post fields at once, or display each field individually.
In Zero Block: the "Add All Fields" button in the "Post Template" submenu of the element adding panel.
Linking an element to a post field
Add any element to the page, such as Text.
Zero Block editor: the list of basic elements, from "Text" to "Gallery", in the "+" menu on the left.
To link the element to a Feed post field, select the element and click the Link to Feed icon.
In Zero Block, the "Link to Feed" icon in the "Element Settings" panel on the right.
Select the field you need from the list.
Zero Block: "Title" under "POST FIELDS" in the field connection dropdown in the right panel.
After the element is linked, the Content field will appear in the settings panel. It will show the post field the element is linked to.
In Zero Block: the "CONTENT" field set to "Title" in the "ELEMENT SETTINGS" panel on the right.
You can view how fields will be displayed for other posts in this Feed. To do this, switch the post in the lower corner of the editor.
Zero Block editor: selecting another post from the preview dropdown menu in the bottom-left corner to preview content in the template.
After switching, the template will display the content of the selected post.
Zero Block editor: a text element on the artboard and the post selector at the bottom of the left sidebar.
You can add other elements that do not need to be linked to post fields to the post page template as well, such as a contact form. This element will be displayed on every post page.
Zero Block editor: custom post page template layout with the "Layers" panel on the left and "Artboard Settings" on the right.
Adding all post fields
To quickly display all post fields, click the plus icon and select "Add All Fields" in the dropdown menu.
In Zero Block, the "Post Template" section in the left panel and the "Add All Fields" button.
All fields that are responsible for displaying the post content will be added to Zero Block. You can change the order of the fields' layers, customize their design, and add new fields.
In Zero Block: the "LAYERS" panel on the left with a selected flex group containing template post elements.
If some fields are not filled in for a post, the corresponding elements will be displayed with empty values. When you switch to another post in the Zero Block editor, the filled-in fields will be displayed automatically.
You can also delete fields in the editor or reassign their value. For example, an element that previously displayed tags can be linked to the Creation date system field.
Zero Block editor: the "Creation date" option in the "CONTENT" field on the Element Settings panel.
Adding individual post fields
To display a specific field in the Zero Block editor, click the plus icon and select the required field from the dropdown list.
Zero Block editor: "Title" under "Post Template" in the left-hand elements menu.
This feature allows you to build your own post page template. All added elements can be styled in the Zero Block editor.
Zero Block editor: a custom post body flex container with text and images, and the "AUTO LAYOUT" settings panel on the right.
Adding post tiles to a page template
To display post tiles in the page template, click the Add new element icon and select Feeds. Then select the Feed you need from the dropdown menu.
In Zero Block, the "Feeds" item in the add elements menu, selecting a feed name and the "All posts" category.
The post tiles will appear on the page immediately. Click the tiles group to configure how it is displayed.
In Zero Block: the "My new Feed (FEED)" structure expanded under "Object 1" in the "Layers" panel on the left.
Made on
Tilda