The Post Terms Widget in Vertex Addons for Elementor allows you to display taxonomy terms such as categories, tags, or post formats for any post. This widget enhances your Elementor-powered website by providing a simple and customizable way to showcase post taxonomies with various styling options. Whether you’re designing a blog or an archive page, this widget makes it easy to dynamically list post terms with links and custom separators.
Key Features
- Display post categories, tags, or formats dynamically
- Add custom separators between terms
- Enable or disable term links
- Supports Elementor Dynamic Tags
- Advanced typography and style customization
- SEO-friendly HTML tag selection
- Fully responsive and easy to configure
What’s Needed?
To use the Post Terms Widget, you only need:
- Elementor Free Version
- Vertex Addons for Elementor (Free version)
Install and Activate the Post Terms Widget
To activate this widget, please refer to our Widget Activation Guide.
How To Configure the Post Terms Widget in Elementor
Once the Post Terms Widget is added to your Elementor page, you can begin customizing it through its various settings in the Content, Style, and Advanced tabs.
Content Tab
Heading
The Heading section provides essential controls for displaying the post terms. It includes the following options:
Title
Click on the title to reveal the following settings:
- Settings:
- Taxonomy: This setting allows you to specify which taxonomy you want to display. You can select from: Categories: Displays the assigned categories of the post. Tags: Lists the post tags. Formats: Shows the post formats.
- Separator: Define a character to separate multiple terms. Common choices include a comma (,), vertical bar (|), or a slash (/).
- Link: Choose whether to make the taxonomy terms clickable. If enabled, users can navigate to the respective archive page for the selected taxonomy.
- Advanced Options:
- Before: Add custom text before the displayed terms.
- After: Add custom text after the displayed terms.
- Fallback: Define alternative text to display if no terms are assigned to the post.
Link
The Link setting allows you to configure the behavior of linked terms:
- Click on Link Options to open advanced settings.
- Enable nofollow for SEO optimization.
- Add Custom Attributes for additional functionality.
- Utilize Dynamic Tags to fetch and display term links dynamically from Elementor Pro or Vertex Dynamic Tags.
HTML Tag
For better SEO and structure, you can select the appropriate HTML tag for your terms:
- Choose from H1, H2, H3, H4, H5, H6, div, span, or p tags.
- Use heading tags to highlight important content for SEO.
- Use div or span for flexible styling without affecting SEO hierarchy.
Style Tab
The Style tab provides extensive customization options to control the appearance of the post terms.
Heading
- Alignment: Align the terms to the Left, Center, Right, or Justified.
- Typography: Adjust the font family, size, weight, and letter spacing.
- Text Stroke: Apply an outline stroke effect to the text.
- Text Shadow: Add a subtle or dramatic shadow to the text.
- Blend Mode: Choose from blending options like Normal, Multiply, Screen, etc.
Normal and Hover States
- Text Color: Select different colors for the normal and hover states.
- Transition Duration: Set the transition speed when changing styles on hover (in seconds).
Advanced Tab
The Advanced tab includes global Elementor settings such as margin, padding, motion effects, background, borders, and responsive visibility. These options allow further fine-tuning to match your overall design.
Conclusion
The Post Terms Widget in Vertex Addons for Elementor is a powerful tool for displaying taxonomy terms in a customizable format. With its styling options and dynamic settings, you can easily enhance your blog pages and archive layouts. Try it today and improve the navigation and structure of your Elementor website!