How to use Post Meta block by Zoloblocks

  • BdThemes
  • How to use Post Meta block by Zoloblocks

Table Of Contents

How to use Post Meta block by Zoloblocks

In this documentation, we will discuss the customization of the Post Meta block, brought to you by Zoloblocks.

Enable the Post Meta Block

enable1 - BdThemes

To use the Post Meta block from Zoloblocks, you must first enable the block.

  1. Go to WordPress Dashboard > Zoloblocks Plugin dashboard.
  2. Then Click the Blocks Tab.
  3. Search the  Post Meta block Name.
  4. Enable the Post Meta block.

How and Where use the Post Meta Block

The Post Meta block is designed exclusively for Single pages and requires a Block Theme for functionality. In this regard, we offer the Axvart Theme, which is compatible with the Post Meta block. If you’re a ZoloBlocks Pro user, the Axvart Theme is included with the plugin for seamless use. If you want then you also can use another block Theme for using the Post Meta block. Lets explore the Post Meta block.

add theme - BdThemes

Go to your WP dashboard > Appearance > Add New Theme > Add the Theme > Install and Activate the Theme. If you want then you also can read the doc of how to install and activate the Axvart Theme from here.

editor - BdThemes

After installing and activating the block theme, just go to Appearance > Editor > All Templates > set the default Single Post Template and edit the template to your working demand by using Zoloblocks Single blocks like Post Title, Post Featured image, Post Meta, Post Content, Post Comments Form etc. Here we show how to add and customize the Post Meta Block.

default - BdThemes

Adding the Post Meta Block

search and insert post meta - BdThemes
  1. Click the Toggle Block Inserter icon and a sidebar will appear on the left side, All the blocks will be visible here.
  2. Search by the Post Meta block name.
  3. Then select the appear blocks ( with zoloblocks logo T.R corner).
  4. After Drag and Drop it on the page.
list view and controls - BdThemes

After Inserting the blocks, Follow this.

  1. Click on the Document Overviewer button and the Blocks list view will appear.
  2. Here appears the Post Meta block.
  3. After on the right side, Click on the Block. Then the Post Meta details appear.
  4. Here show all the control tabs( BasicStyleExtra ) of a block.

Basic Tab

The Basic tab controller displayed here offers the flexibility to adjust the layout of blocks according to your preferences.

General Section

Go to Basic > General

Add new Meta Data

general add meta - BdThemes
  1. Find the ” + ” icon and click on it. It will add new meta item.

Set Author Meta

general 2 - BdThemes
  1. Click on the Carrot icon and it will toggle and the options will appear.
  2. Type: Set the Type Author.
  3. Enable the switcher for link.

Set Date

Date - BdThemes
  1. Type: Set the Type date.
  2. Date Type: Set the date type ( Post Publish ).
  3. Enable the switcher for link.

Set Time

date - BdThemes
  1. Type: Set the Type Time.

Set Terms

terms - BdThemes
  1. Type: Set the Type Terms.
  2. Taxonomy: Set the taxononmy for Terms ( e.g.: Categories ).

Set Comments

comments - BdThemes
  1. Type: Set the Type Comments.
  2. Enable the link.

Reading Time

reading time - BdThemes
  1. Type: Set the Type Reading Time.

Delete Meta Item

delete items - BdThemes
  1. Click on the Trash icon to delete the meta item.

Style Tab

Provide the controller to make the visual appearance or presentation of the tabs. This includes aspects visually appealing and cohesive with the overall design of the interface.

Item Section

Go to Style > Item

style item - BdThemes
  1. Space Between: Set the space between the meta items.
  2. Alignment: Set alignment for the item.

Separator Section

separators - BdThemes
  1. Style: Set the Style ( e.g.: Dot Style, Line Style, Custom Style ).
  2. Color: Set the color.
  3. Size: Set the size for the separator.

Meta Section

meta - BdThemes
  1. Color: Set the Color for Meta.
  2. Typography: Set the Typography.
  3. Indent: Set the Indent for meta.

Hover

meta hover color - BdThemes
  1. Color: Set the hover color for the meta.

Extra Tab Control

The extra tabs provide the controls of any blocks. You can make different visual layouts by following these Controls.
Click to learn more>>.

Video Assist

The Demo and Video Tutorial will Coming Soon!

Thanks for being with us!

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge