Post Tags/Category

Estimated reading: 2 minutes 21 views

The Post Tags/Categories widget allows you to display tags or categories of any WordPress post or custom post type with full control over the layout, icons, labels, and styling. This is especially useful for enhancing blog posts or archive pages with contextual taxonomy details.

πŸš€ How to Enable the Post Tag/Category Widget

To start using the Image Widget, follow these steps:

  1. Navigate to your WordPress dashboard.
  2. Go toΒ Topper Pack β†’ Widgets.
  3. Locate the Post Tag/Category widget from the list.
  4. Toggle the switch to β€œOn” to enable it.
  5. The widget is now available in the Elementor editor.

πŸ”Ή How to Use

  1. Drag and Drop the Widget:
    • Search for Post Tags/Categories in the Elementor widgets panel.
    • Drag the widget into your desired section.
  2. Configure the Widget:

🧩 Content Tab

Tags Options

  • Select Post Type: Choose the post type (e.g., Posts, Custom Post Types).
  • Taxonomy Type: Select whether to show Tags or Categories.
  • Show Label: Enable this to display a label before the terms (e.g., Categories:).
  • Custom Label: Optionally type a custom label (e.g., Topics:).
  • Show Icon: Enable to display an icon alongside each taxonomy term.
  • Icon: Choose a relevant icon (e.g., tag icon for tags).
  • Show Count: Toggle to show the number of posts per term.
  • Maximum Items: Set the number of tags/categories to show. Use 0 to show all.

Additional Options

  • Item Direction: Choose the layout flow (Default, Row, Column, etc.).
  • Item Align: Align tags/categories left, center, right, or justified.

🎨 Style Tab

General Style

  • Item Gap: Control spacing between items.
  • Item Width: Set a width for each item (Default, Custom).
  • Box Margin / Padding: Fine-tune outer/inner spacing of each tag/category.

Title Style

  • Customize typography, color, margin, and padding for the title/label (e.g., Categories:).

Item Style

  • Style individual tag/category items:
    • Typography: Set font size, weight, and family.
    • Background & Border: Add colors, radius, and shadows.
    • Hover Effects: Customize how each tag behaves on hover.

Leave A Comment

All fields marked with an asterisk (*) are required