The Post Excerpt Widget in Vertex Addons for Elementor allows you to display dynamic post excerpts effortlessly. Whether you are designing a custom blog layout, an archive page, or a featured post section, this widget ensures that your content previews are displayed attractively and consistently. With full customization options, you can control the length, appearance, and styling of the excerpt to match your website’s design. Available in the free version of Vertex Addons, this widget is a must-have for creating engaging content layouts.
Key Features
- Dynamically display post excerpts for single posts, pages, and custom post types.
- Control the excerpt length to maintain a uniform design.
- Add before and after text for enhanced readability.
- Define fallback text for posts without an excerpt.
- Link the excerpt text to the full post with customizable options.
- Choose from multiple HTML tags (div, span, p) for better SEO and styling.
- Customize typography, alignment, colors, text stroke, shadow, and blend mode.
- Apply hover effects and transition duration settings for smooth interactions.
What’s Needed?
To use the Post Excerpt Widget, you need:
- The Elementor page builder (Free version).
- The Vertex Addons for Elementor plugin installed and activated.
Install and Activate The Post Excerpt Widget
To activate this widget, please refer to our Widget Activation Guide.
How to Configure the Post Excerpt Widget in Elementor
Once Elementor and Vertex Addons are installed, you can add the Post Excerpt Widget to your page and start customizing it.
Content Tab
The Post Excerpt Widget provides various settings to refine how the post excerpt appears on your website.
Heading
Title
The Title section controls how the excerpt is displayed.
- Settings:
- Excerpt Length: Define the number of words to display in the excerpt.
- Advanced:
- Before/After Text: Add custom text before or after the excerpt, such as “Summary:” or “Continue reading: “.
- Fallback Text: Set a default excerpt to appear if the post has no excerpt defined.
Link:
Link the excerpt text to the full post or a custom URL.
Enable advanced link options such as opening in a new window, adding a nofollow attribute, and defining custom attributes.
Use Vertex Addons or Elementor Pro dynamic tags to generate dynamic links.
HTML Tag:
Select the appropriate HTML tag for the excerpt, including div, span, and p. This provides flexibility for styling and structuring your content.
Style Tab
Enhance the appearance of your post excerpt with powerful styling options.
- Alignment: Adjust text alignment to Left, Center, Right, or Justified.
- Typography: Fully customize the font family, size, weight, letter spacing, and more.
- Text Stroke: Apply stroke effects for bold and emphasized text.
- Text Shadow: Add shadow effects to create depth and contrast.
- Blend Mode: Choose from various blend modes (Normal, Multiply, Screen, etc.) for unique visual effects.
- Color Options:
- Set different text colors for Normal and Hover states.
- Adjust Transition Duration for smooth hover effects.
Advanced Tab
The advanced settings remain consistent across all Vertex Addons widgets, providing control over spacing, motion effects, background, borders, custom CSS, and more.
Conclusion
The Post Excerpt Widget in Vertex Addons for Elementor is a powerful tool for displaying dynamic post excerpts with full styling and customization options. Whether you’re designing a blog archive, a featured post section, or a custom post layout, this widget ensures a professional and engaging presentation, enhancing both user experience and SEO.