fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

toggle-button-for-elementor
elementor-widget-library
Particles Background - Featured Blog

Taxonomy Terms for Elementor

The Taxonomy Terms Widget can be used to showcase your WordPress tags and categories in different ways. The Taxonomy Terms widget allows you to create an archive type navigation menu using a taxonomy. The widget generates a list of the terms that belong to a specific taxonomy so that each item can be clicked to navigate easily to the term archive in your WordPress website.

 

Let’s look at each of the options in the “Taxonomy Terms Widget” below.

Install Taxonomy Terms Widget for Elementor #

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Taxonomy Terms”
  3. Hover over the widget in the search results and click install
  4. Add your “Taxonomy Terms” widget to any Elementor Page

General Settings #

1

Select Post Type

Select the post type from given options.

  • Post
  • Product
  • Variations
2

Select Taxonomy

Select the taxonomy from dropdown options.

  • Category
  • Tag
  • Format
3

Include By

Select from the options below to include the exact posts you want.

  • Specific Terms
  • Children of
  • Children of Current Term
  • By Search Text
  • Only Childless
  • Not a Child of Other Term
  • Term Meta
4

Exclude By

Choose the posts you want to exclude.

  • Specific Terms
  • Current Term (for archive only)
  • Hide Empty Terms
5

Max Number of Terms

Choose the max number of terms you want to display.

6

Order By

Order the terms using below given options.

  • Default 
  • Name
  • Slug
  • Term Group
  • Term ID
  • Description
  • Parent 
  • Count - (number of posts associated)
  • Include - (specific terms order)
  • Meta Value
  • Meta Value - Numeric
7

Order Direction

Select the order direction of posts.

  • Default
  • Descending
  • Ascending

Taxonomy Terms Settings #

1

Icon

Choose an icon to display.

2

Layout

Select the layout to display taxonomy terms.

  • Grid
  • Inline Terms
3

Grid Columns

Type the number of grid columns to display.

4

Grid Gap

Set the grid gap between grid items.

5

Show Icon

Show/Hide the icon element.

6

Show Number of Posts

Show/Hide the number of posts in a specific term.

7

Show Description

Show/Hide the description element.

8

Show Image

Show/Hide the image.

9

Responsive Breakpoint

The taxonomy terms list will show only when clicking on toggle under the screen resolution you have set as responsive breakpoint.

10

Open Toggle Icon

Choose an icon for open toggle.

11

Close Toggle Icon

Choose an icon for close toggle.

12

Toggle Alignment

Set the toggle alignment.

  • Inherit
  • Left
  • Center
  • Right

Taxonomy Terms Widget Styling #

You can control very aspect of the widget’s design through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.

Item Styling #

Set the item padding, border, radius, margin, typography, and color.

Item Hover Styling #

In this section, style the item hover text color, background color, border width, and border color.

Item Selected Styling #

You can set the item selected text color, background color, and border.

Icon Styling #

In this section, set the icon spacing and icon size.

Description Styling #

Style the description padding, color, and typography.

Post Count Styling #

Here, you can style the post count spacing, color, and typography.

Toggle Styling #

You can style the size, background, color, border, and radius of toggle button.

Usage Examples #

Here are some live use cases for the Taxonomy Terms Widget.

Video Overview #

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!