Post Meta Info

Introduction

The Post Meta Info Widget displays key post details like author, date, categories, and tags, helping users quickly access relevant information.

Key Use Cases for the Post Meta Info Widget in Elementor:

• Use the Post Meta Info widget to display essential post details like author, date, categories, and tags.
• Customize its design and layout to match your site’s style, ensuring clear and organized post information for users.

Prerequisite

• Elementor
• Animation Addons for Elementor

How to Activate a Post Meta Info Widget ?

How to Add Post Meta Info Widget in Elementor

1. Open the page where you want to add the Post Meta Info
2. Launch the Elementor editor.
3. In the Elementor panel, search for “Post Meta Info“
4. Drag the Post Meta Info widget to your desired section.
5. The Post Meta Info widget will now be available for customization.

How to Configure the Post Meta Info Widget

Enable it, create a new page, set a title, choose the Elementor Full Width template, and publish. Adjust options as needed.

Navigate to the Edit with Elementor option to access the editor interface. 

After selection, the Elementor panel appears with all tools and customization options.

Click the “+” icon to add a container, then select the appropriate column structure and layout.

Here’s the interface where you can configure the settings and customize the Post Comment Widget across various tabs. 

Configuring Post Meta Info Widget 

Once the Post Meta Info Widget is added to your page, you can configure its settings under different tabs: Content, Style and Advanced.

Content Settings

So, in the content section, you’ll find two options: Content and Layout. Let’s see how they work:

• Content – Manage and customize the main elements displayed within the widget.
• Layout – Adjust the structure, alignment, and overall design of the content.

So, for your design:

• Choose a Layout Style – Select the layout that best fits your design.
• Set Alignment – Adjust the alignment (left, center, or right) to position your content properly.
• Add a Separator – Include a separator to enhance readability and structure.

This will help create a well-organized and visually appealing design. 

In the Content Section, you can customize the following:

• Social List – Add social media icons or links to your social profiles.
• Title – Adjust the title text, font, size, and alignment to match your design.
• Meta – Include meta information, such as post author, date, and categories.
• Icon – Customize icons for different sections (e.g., for social sharing or navigation).
• Separator – Add a separator line between elements for better visual separation.

Style Settings

In the Style Section of the Post Content widget, you will find the following options to customize and enhance the visual appearance of your content:

• Style – Customize the overall design of the content section, including the typography, spacing, and other design elements.
• Separator – Adjust the separator line between elements (like post content and metadata) for a more organized layout.
• Category – Style the category text that appears with your post, adjusting font, size, color, etc.
• Author – Style the author name, including font style, color, and size.
• Date – Adjust the style of the post date to make it stand out or match your overall theme.
• View Count – Style the number of views your post has, including font size, weight, and color.
• Comment – Customize the comment count display, adjusting its look to complement the rest of your post’s design.

Advanced Settings 

In the advanced settings, you’ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.

Final Words

The Post Content widget in Elementor allows you to customize and enhance your posts with options for layout, styling, and metadata. It helps create a clean, engaging, and professional presentation for your content.