The Post Info widget in 10Web Builder allows you to display metadata of the page or post it’s added to, such as the author, date, time, and comments. This can enhance the user experience by providing contextual information about the content.
Adding Post Info widget
- Drag the Post Info widget from the widget panel to your page canvas while editing the page.
- Configure the settings of the widget according to your preferences.
Content tab
Meta Data
Copy, delete, reorganize, and edit all the metadata you wish to display on your post info block. Click the Copy button to duplicate an item. Click the X to delete an item. Click the Add Item button to add a new item. Drag and drop items before or after other items to customize the order. Click on an item to start editing. Below are types of metadata you can add:
Author
- Before: Fill in text to display before the metadata.
- Avatar: Set the author's avatar by toggling it to yes.
- Link: Link to the author’s page by toggling it to yes.
- Icon: Choose whether to show an icon and add your own icon by choosing the custom option.
Date
- Date Format: Select the format to display the date or custom create your own.
- Before: Fill in text to display before the metadata.
- Link: Link to the date’s archive by toggling it to yes.
- Icon: Choose whether to show an icon and add your own icon by choosing the custom option.
Time
- Time Format: Select the format to display the time or custom create your own.
- Before: Fill in text to display before the metadata.
- Icon: Choose whether to show an icon and add your own icon by choosing the custom option.
Comments
- Before: Fill in text to display before the metadata.
- Custom Format: Customize the phrasing for comments by toggling it to yes.
- Link: Link to the comments archive by toggling it to yes.
- Icon: Choose whether to show an icon and add your own icon by choosing the custom option.
Style tab
List
- Space Between: Set the distance between the metadata.
- Alignment: Align metadata to the right, center, or left.
- Divider: Toggle on to set dividers between metadata.
Divider options
- Style: Choose the look of the divider.
- Weight: Set the thickness of the divider.
- Height: Set the height of the divider.
- Color: Customize the color of the divider.
Icon
- Color: Customize the color of metadata icons.
- Size: Set the size of the metadata icons.
Text
- Text Indent: Set the spacing of the text relative to its icon.
- Text Color: Customize the color of the text.
- Typography: Customize the typographical settings of the text.
Advanced tab
You can customize the widget further using the settings available in the Advanced tab. These options provide additional styling and functionality adjustments, allowing you to tailor the widget to better fit your design needs.