Taxonomy

2 min read Updated

The Taxonomy Widget shows the terms of the current post, such as its categories or tags. Show them as links, buttons or plain text, with an optional label in front. It is useful in post layouts and templates.

Requirements

To use this widget, go to PluginsSiteOrigin Widgets and activate the SiteOrigin Taxonomy Widget.

You can use the Taxonomy Widget anywhere:

Page Builder: Add the widget to a Page Builder layout in the Classic Editor, or in the Page Builder Layout Block in the Block Editor.
Block Editor: Add the SiteOrigin Taxonomy block. You will find it in the SiteOrigin block category.
Theme and Plugin Widget Areas: Add the widget to any theme or plugin widget area.

The widget shows the terms of the post or page it is on. Check the result on the front end of a post.

Settings

The Taxonomy widget form

Title: An optional widget title.
Taxonomies: The taxonomy to show, for example Categories, Tags or Formats.
Label: Optional text before the terms, for example “Filed under”. With Text, the label sits on its own line above the terms.
Display as: Choose Links, Buttons or Text.
Color: The term color. See below for what it changes.
Hover color: The term hover color. See below for what it changes.
Open in a new window: Open term links in a new tab. Links and Buttons only. Default: off.

The Taxonomies list includes every taxonomy on your site. Pick one that the post type uses. For example, Product tags from WooCommerce show nothing on a blog post. If the post has no terms in the chosen taxonomy, only the Title and Label show.

Display Formats and Colors

Color and Hover color work differently for each format:

  • Links: Each term links to its archive page. Color sets the link text color, and Hover color sets the link hover color. Without a color, the links use your theme’s link color.
  • Buttons: Each term is a linked button with white text. Color sets the button background. Default: #b0b0b0. Hover color sets the hover background. Default: #cdcdcd.
  • Text: The term names show as plain text without links. Color and Hover color have no effect.

Post categories shown as buttons with a label

SiteOrigin Premium

Build custom post types and design their layouts with Page Builder. The Custom Post Type Builder addon in SiteOrigin Premium lets you add the Taxonomy Widget to a post type’s layout, so every post shows its own terms.