The Post Content Widget in Vertex Addons for Elementor allows you to display the content of the current post or page dynamically. This widget is especially useful for creating custom layouts for single post templates in Elementor, ensuring a seamless and visually appealing content presentation.
Key Features
- Dynamically displays the content of the current post or page.
- Provides complete customization of the heading and text styles.
- Supports various HTML tags for semantic content structuring.
- Enables linking options with advanced attributes.
- Offers extensive typography and text styling options, including stroke, shadow, and blend modes.
- Includes both normal and hover styling for better user interaction.
What’s Needed?
To use the Post Content Widget, you only need the following:
- Elementor Free Version
- Vertex Addons Free Version
Install and Activate The Post Content Widget
To activate this widget, please refer to our Widget Activation Guide.
How To Configure Post Content Widget In Elementor?
When you add the Post Content Widget to your Elementor page, you gain complete control over how the content is displayed. Begin by adjusting the settings in the Content tab, where you can define the heading structure and linking options.
Under the Heading section, the Title field allows you to enter a custom heading for the post content. You can also access advanced options like Before/After/Fallback, which let you prepend or append text dynamically.
Next, in the Link section, you can attach a hyperlink to the heading. This field follows the standard Elementor link settings, allowing you to open links in a new window, add a nofollow attribute, or define custom attributes. You can also use Dynamic Tags to pull data from your site, supporting both Vertex Dynamic Tags and Elementor Pro Dynamic Tags for greater flexibility.
For semantic structure, the HTML Tag option enables you to select from H1 to H6, div, span, and p tags, ensuring proper content hierarchy and SEO optimization.
Widget Options Structure
Content Tab
- Heading
- Title: Define the main heading for the post content with options for Before/After/Fallback.
- Link: Assign a hyperlink to the title with full control over its attributes and behavior.
- HTML Tag: Choose from heading tags (H1-H6), div, span, or paragraph for structured content presentation.
Style Tab
- Heading
- Alignment: Align the heading text to Left, Center, Right, or Justified.
- Typography: Customize font family, size, weight, style, and spacing.
- Text Stroke: Apply stroke effects to the text for enhanced visibility.
- Text Shadow: Add shadows to the text for a stylish effect.
- Blend Mode: Choose from multiple blend modes like Normal, Multiply, Screen, and more to achieve unique text effects.
- Normal and Hover Settings
- Text Color: Define the text color for both normal and hover states.
- Transition Duration: Set the transition effect duration to create smooth hover animations.
Advanced Tab
The advanced settings remain consistent across all Vertex widgets, allowing for additional customization, including margin, padding, motion effects, responsiveness, and more.
Conclusion
The Post Content Widget is an essential tool for dynamically displaying post content in Elementor-built websites. With its flexible styling options and structured settings, you can create highly engaging layouts that match your design needs.