Valentines Day Sale

Save 25% on TaxoPress with this coupon:

LOVEWORDPRESS

Buy Now
TaxoPress
reorder
  • Features
  • Docs
  • Blog
  • Support
  • Login
  • Get TaxoPress Pro

Tag Groups: Getting Started

  • Introduction to Tag Groups
  • Installation of Tag Groups
  • First Steps With Tag Groups
  • Design and Colors in Tag Groups
  • Feature Overview (Free Version)
  • Glossary of Useful Words for Tag Groups

Working with Tag Groups

  • Creating and Editing Groups
  • Working with Tags
  • Use the Posts Filter for Tags
  • Use the Groups Filter for Tags
  • Bulk Actions in Tag Groups
  • Back End Post Filter
  • Organizing Groups with a Parent Level
  • Using the Tag Meta Box on the Post Edit Screen
  • Translating Tag Group Names with WPML

Tag Groups: Front End Features

  • Integration with WooCommerce
  • Post Tags: Show Tag Groups on Posts
  • Theming: Design and Colors
  • Using the Post Filter on the Front End
  • How To Use Gutenberg Blocks With Tag Groups
  • How to Use Shortcodes With Tag Groups

Accordion Tag Cloud

  • Accordion Tag Cloud – Overview
  • Accordion Tag Cloud – Gutenberg Block
  • Accordion Tag Cloud – Shortcode Parameters

Alphabetical Tag Index

  • Alphabetical Tag Index – Overview
  • Alphabetical Tag Index – Gutenberg Block
  • Alphabetical Tag Index – Shortcode Parameters

Alphabetical Tag Cloud

  • Alphabetical Tag Cloud – Overview
  • Alphabetical Tag Cloud – Gutenberg Block
  • Alphabetical Tag Cloud – Shortcode Parameters

Tabbed Tag Cloud

  • Tabbed Tag Cloud – Overview
  • Tabbed Tag Cloud – Gutenberg Block
  • Tabbed Tag Cloud – Shortcode Parameters

Tag Groups Info

  • Tag Groups Info – Overview
  • Tag Groups Info – Shortcode Parameters

Tag List

  • Tag List – Overview
  • Tag List – Gutenberg Block
  • Tag List – Shortcode Parameters

Dynamic Post Filter (Pro)

  • Dynamic Post Filter – Overview
  • Dynamic Post Filter – Gutenberg Block
  • Dynamic Post Filter – Shortcode Parameters

Post List (Pro)

  • Post List – Overview
  • Post List – Gutenberg Block
  • Post List – Shortcode Parameters

Shuffle Box (Pro)

  • Shuffle Box – Overview
  • Shuffle Box – Gutenberg Block
  • Shuffle Box – Shortcode Parameters
  • Create a Custom Color Scheme for Shuffle Box
  • Hide the “not assigned” button in the Shuffle Box

Simple Tag Cloud (Pro)

  • Simple Tag Cloud – Overview
  • Simple Tag Cloud – Gutenberg Block
  • Simple Tag Cloud – Shortcode Parameters

Tag Cloud Search (Pro)

  • Tag Cloud Search – Overview
  • Tag Cloud Search – Gutenberg Block
  • Tag Cloud Search – Shortcode Parameters

Tag Groups Menu (Pro)

  • Tag Groups Menu – Overview
  • Tag Groups Menu – Shortcode Parameters

Toggle Post Filter (Pro)

  • Toggle Post Filter – Overview
  • Toggle Post Filter – Overview of Shortcode Parameters
  • Toggle Post Filter, Body (Posts) – Gutenberg Block
  • Toggle Post Filter, Body (Posts) – Shortcode Parameters
  • Toggle Post Filter, Text Search – Gutenberg Block
  • Toggle Post Filter, Text Search – Shortcode Parameters
  • Toggle Post Filter, Slider Button – Gutenberg Block
  • Toggle Post Filter, Slider Button – Shortcode Parameters
  • Toggle Post Filter, Order Menu, Gutenberg Block
  • Toggle Post Filter, Order Menu – Shortcode Parameters
  • Toggle Post Filter, Menu – Gutenberg Block
  • Toggle Post Filter, Menu – Shortcode Parameters
  • Toggle Post Filter, Reset Button – Shortcode Parameters

Tag Groups: For Developers

  • Constants
  • Modifying the Post Query
  • Modifying the Term Query
  • Theme Modifications (PHP)
  • Filters and Actions (Hooks)
  • REST API

Tag Groups: Settings

  • Home
  • Taxonomies
  • Front End
  • Back End
  • Tools
  • Troubleshooting

Tag Groups: Instructional Videos

  • Installation and Getting Started (Free Version)
  • Installation and Setup
  • 1. Installation and First Use
  • 2. How to use the Tag Meta Box
  • 3. How to use the Shuffle Box
  • 4. How to use the Toggle Post Filter
  • Videos About the Premium Version

Tag Groups: Frequently Asked Questions

  • How to … ? Which feature is the right for me?
  • Can I use the plugin with more than one taxonomy?
  • Can I use the plugin with pages?
  • Can I use the plugin with categories?
  • Can I use tag groups with custom taxonomies?
  • Can I have multiple levels of tag groups (parents)?
  • Where can I find a WordPress developer or web designer for customization?
  • How to display tags in a custom sort order?
  • How do I add custom CSS?
  • How to Make the Alphabetical Tag Index or the Tag List Responsive?
  • Can I use tag groups with custom taxonomies?
  • Can I have multiple levels of tag groups (parents)?
  • Where do I find the IDs of WordPress tags, posts or categories?
  • How can I display a tag cloud in a widget?
  • Can I use the plugin with more than one taxonomy?
  • Can I use the plugin with categories?
  • Can I use the plugin with page tags?
  • What are the minimum system requirements to install Tag Groups?
  • How can I customize a Gutenberg Block beyond the given options?
  • “The free Tag Groups plugin cannot be active together with Tag Groups Premium.”
  • Does Tag Groups work with the Polylang plugin?
  • Where can I get customization of the plugin code?

Tag Groups: Troubleshooting

  • “Error loading block: The response is not a valid JSON response.”
  • Shortcodes (tabs, accordion or other) don’t work in (sidebar) widgets
  • I cannot use multiple tag clouds on the same page
  • I use a plugin to aggregate inline JS and the cache size grows rapidly
  • I don’t see all tags in the Tag Meta Box
  • How To Use The Debug Log?
  • The plugin changes design elements (accordions, tabs, sliders, buttons, handles) in other places of my site
  • When I click on a tag in the tag cloud, the list of posts is empty or incomplete
  • Some shortcode parameters are not effective
  • There is a gray box around the tag cloud or the tabs or accordion are messed up
  • Instead of the tag cloud the page just renders an empty space
  • I cannot save HTML in the tag description
  • Where are my tags? My tags are gone
  • The processes in Troubleshooting – First Aid don’t complete
  • Authors cannot add tags to groups
  • Tag Cloud: When I Click on a Tag, the Posts Don’t Differentiate by Groups
  • I don’t see any or all posts
  • Debugging a WordPress Ajax Error
  • The list on the Tag Groups Administration page doesn’t load. I see the wheel spinning forever or an error message

Tag Clouds and Tag Lists

  • How to display tags in a custom sort order?
  • Can I use the shortcodes or Gutenberg blocks multiple times on the same page?
  • Where do I find the IDs of tags, posts or categories?
  • How can I display a tag cloud in a widget?
  • Can I have two tag clouds on the same page?
  • How can I change the text in the Shuffle Box?

Post Filters

  • How can I display the posts in custom order?
  • How can I change the length of the post excerpts?
  • How to change the size of the first posts in the masonry layout of the Toggle Post Filter
  • How to limit the size of the menu in the Dynamic Post Filter?
  • How can I change the text in the Dynamic Post Filter?

Tag Groups: CSS and Styling

  • How do I add custom CSS?
  • How to Make the Alphabetical Tag Index or the Tag List Responsive?
  • How do I change the styling of the post tags under the posts?
  • How can I change the colors and other styling?

Administration

  • What is a tag slug?
  • How can I show less tag groups on the back end?
  • How can I use permissions to restrict editing of tag groups?

Tag Groups: Maintenance and Optimization

  • How to Reduce the Number of Loaded Scripts for Better Speed and SEO
  • How to improve the performance of the Toggle Post Filter/Dynamic Post Filter
  • Running Maintenance
  • How to Improve the Speed of Tag Clouds
  • Migrating your Tags and Posts
  • Home
  • TaxoPress Documentation
  • Tag Groups
  • Tag Groups: Front End Features
  • Toggle Post Filter (Pro)
  • Toggle Post Filter, Menu – Shortcode Parameters

Toggle Post Filter, Menu – Shortcode Parameters

Note: This shortcode or block can only be used once on a page (including widgets), and it cannot be used together with the shortcode or block of the Dynamic Post Filter.

Overview

You find here the overview of all shortcodes for the Toggle Post Filter.

Data Types

  • string: A text. For identifiers that won’t be visible to visitors you often have to replace spaces with _ or -. If the string contains spaces, you need to wrap it in quotes.
  • integer: A number without decimal places.
  • 0 or 1: 0 turns the feature off and 1 on.

Parameters

Tags and Terms

hide_empty

Hide tags that are not being used in (public) posts.

accepted valuesdefaultexample shortcode
integer1 (on)hide_empty=0

operator

The operator determines how selected tags and groups should be logically connected when searching for matching posts. Possible values are “IN”/”OR” (at least one tag is among the post tags), “AND” (all tags are among the post tags of the same group), “IN AND” (at least one tag from each group is among the post tags), “EXACT” (the selection of tags must be identical to the post tags of that same group, not more and not less), or a per-group definition:

operator="all:OPERATOR|group ID:OPERATOR|group ID:OPERATOR| ..."

Remarks about the per-group notation:

  • You need at least one entry with the keyword “all”. The corresponding operator determines how the groups are connected.
  • OPERATOR can be AND, OR or EXACT (upper or lower case). IN is an alias of OR.
  • The order of groups doesn’t matter.
  • If you use this format of the operator, all groups that you don’t specify will fall back to the operator OR.

Note for the operator “exact”: If you upgrade from a version before 1.39.0, go to the settings, Troubleshooting and run the maintenance.

accepted valuesdefaultexample shortcode
stringIN/ORoperator="IN AND"
operator="all:and|1:or|5:exact|3:and"

preset_tags

See the information under Preset Tags.

accepted valuesdefaultexample shortcode
stringnonepreset_tags="tag-slug-1,tag-slug-2"

term_orderby

Lets you determine the order of the tags (terms). You can modify the tags’ slugs or descriptions in order to achieve the required order.

optiondescription
name tag name
naturalnatural sorting, e.g. “3” before “12”
slug see on the Tags page
term_id term ID
description see on the Tags page
count post count
term_orderA custom sort order is available with a 3rd-party plugin.
accepted valuesdefaultexample shortcode
stringnameterm_orderby=natural

term_order

Whether to sort the tags in ascending or descending order.

accepted valuesdefaultexample shortcode
string (“asc” or “desc”, capitalization doesn’t matter)ASCterm_order=asc

taxonomy

Restrict the tags only to these taxonomies. Available are only taxonomies that have been activated in the Settings.

accepted valuesdefaultexample shortcode
comma-separated list of taxonomy namesTaxonomies selected in the settings under “Basics”.taxonomy=post_tag,product_tag

include_terms

Select terms (tags) that should be included. Empty means all.

accepted valuesdefaultexample shortcode
comma-separated list of integersempty (=all)include_terms=1,5,9

exclude_terms

Select terms (tags) that should be excluded. Empty means none.

accepted valuesdefaultexample shortcode
comma-separated list of integersempty (=none)exclude_terms=1,5,9

static_taxonomy

Optionally filter also by terms (tags, categories, …) of an additional taxonomy (not necessarily one of the taxonomies used for tag groups). That way you can narrow down the total sample of filtered posts.

Used together with static_terms.

accepted valuesdefaultexample shortcode
stringnonestatic_taxonomy=category

static_terms

Used together with static_taxonomy. This parameter lists the IDs of the additional tags, categories, … that should be present in all posts used by the filter.

accepted valuesdefaultexample shortcode
comma-separated list of integersnonestatic_terms=42,255

Groups

accordion

Display the menu as an accordion. The accordion opens when clicking on a group label. use accordion=2 to open on mouseover (i.e. when hovering your mouse over a label).

Please note that also hidden toggle switches are effective.

accepted valuesdefaultexample shortcode
integer0 (off)accordion=1

include

Tag groups that will be shown to visitors. Groups without tags will be hidden.

In the short code you use the IDs, which you find in the left column in the list of groups. Empty or not used means that all tag groups will be used.

accepted valuesdefaultexample shortcode
comma-separated list of integersempty (=all)include=1,5,9

one_only_groups

Tag groups where visitors can select only one tag. All of these groups must of course be available in the filter.

In the short code you use the IDs, which you find in the left column in the list of groups. Please note that more tags might still be selected if this selection is carried over by the persistent filter setting from another page.

accepted valuesdefaultexample shortcode
comma-separated list of integersempty (=none)one_only_groups=1,5,9

Layout and Theme

layout

  • classic: The menu items appear vertically stacked in a narrow container. Posts have space to display on the right side. If you select “classic” for the menu, also the body part with the posts should use the “classic” layout.
  • button: Like the classic layout, but instead of toggles we use buttons. Optionally show an icon on active buttons.
  • classic_tags: The menu is arranged like the classic layout. Tags appear in a tag shape and line up in rows (like in tag clouds).
  • wide: Groups are lined up horizontally. Posts should display below the menu. If you select “wide”, the post layout can be any of wide, boxed, columns, columns-avoid-break and masonry.
  • wide_button: Like the wide layout, but instead of toggles we use buttons. Optionally show an icon on active buttons.
  • wide_tags: The menu is arranged like the wide layout. Tags appear in a tag shape and line up in rows (like in tag clouds).
  • slider_left: The menu slides in from the left side, covering the contents of the page. The slider remains open while you click on the buttons so that you scroll through the search results while the menu remains open. Consider composing the page in a way that the slider doesn’t cover the posts. You close the menu by clicking on the X or outside the slider.
    For the slider you will also need the button to open the slider.
    The default slider uses buttons with optional icons.
  • slider_left_tags: The menu is arranged like the slider_left layout. Tags appear in a tag shape and line up in rows (like in tag clouds).
  • slider_right: The same as the left slider, opening from the right.
  • slider_right_tags: The menu is arranged like the slider_right layout. Tags appear in a tag shape and line up in rows (like in tag clouds).
accepted valuesdefaultexample shortcode
stringclassiclayout=wide

icon_class

Use the identifier (the part in lowercase letters with dashes) to place an icon on active buttons. (Not available with toggles.)

often used: dashicons-tag, dashicons-yes, dashicons-yes-alt, dashicons-heart, dashicons-arrow-left, dashicons-arrow-right, dashicons-thumbs-up

accepted valuesdefaultexample shortcode
stringemptyicon_class=dashicons-tag

slider_width

Set the width of the slider menu in pixels. Only available with the slider_left_tags and the slider_right_tags menu layouts.((In the other slider layouts the width is fixed.))

accepted valuesdefaultexample shortcode
integer600slider_width=300

tag_color

Set the background color of the tags. Only available with the classic_tags, wide_tags, slider_left_tags and the slider_right_tags menu layouts.

accepted valuesdefaultexample shortcode
string600tag_color="#ddd"

selected_tag_color

Set the background color of the tags that are toggled on in the filter. Only available with the classic_tags, wide_tags, slider_left_tags and the slider_right_tags menu layouts.

accepted valuesdefaultexample shortcode
string600selected_tag_color="#d00"

theme

Available are “light” and “dark”.

accepted valuesdefaultexample shortcode
stringlighttheme="dark"

Caching and Performance

caching_time

Time in minutes that results remain in the cache.

accepted valuesdefaultexample shortcode
integer10caching_time=10

persistent_filter

The Toggle Post Filter can optionally remember the selection of groups and tags so that your visitors who clicked on an article and then return to this page will see the same list of articles again. If now post has been clicked, the page will scroll to the group selection menu. (Otherwise the browser might go to a random post, depending on the loading speed.)

The data is saved in a browser cookie. If you are using this filter more than once on your site, you should use different values for div_id so that each filter uses a different cookie.

The value is the time in minutes. Zero means off.

accepted valuesdefaultexample shortcode
integer0 (off) persistent_filter=30

timeout

We try to avoid search requests each time a visitor toggles a button or types a letter in the text field because the search should be launched only when the visitor is done selecting tags and typing text. We achieve this through a timeout of inactivity before the request is sent to the server. This timeout is by default 1000ms (= 1 second) and we dynamically increase it (plus up to 2 seconds) when we assume that a visitor needs more time selecting menu options. We reset this increased timeout when the posts load.

You can set here the (minimum) timeout to find a good balance between user experience (with a responsive search) and database load. Factors to be considered are the habits and needs of typical visitors, the number of visitors who simultaneously search, the size of your database (posts and tags) and the power of your database engine.

accepted valuesdefaultexample shortcode
integer (milliseconds)1000timeout=500

Text Search

text_search

Enable text search and determine when the search should start.

0: off
1: launch by pressing enter
2: launch by pressing enter or pause typing

accepted valuesdefaultexample shortcode
integer0text_search=2

Labels and Messages

placeholder_text_search

Placeholder message for the text search field.

accepted valuesdefaultexample shortcode
string“type here”placeholder_text_search="try word or -word"

Advanced Styling

You can set here classes to be referred to in CSS. You need some knowledge of CSS to use these options.

div_class

Define a class for the <div>.

accepted valuesdefaultexample shortcode
stringdpf_toggle_menu_lightdiv_class="dpf_toggle_menu_dark"

div_id

Define an ID for the enclosing <div>.

accepted valuesdefaultexample shortcode
stringemptydiv_id="my_own"
Tags: Gutenberg

Recent Posts

  • How to Show WordPress Posts With a Specific Taxonomy Term November 11, 2022
  • How to Use the Site Editor to Design WordPress Taxonomy Archives November 9, 2022
  • What Characters Are Allowed in WordPress Taxonomy Terms? October 26, 2022
  • The Tag Groups Plugin is Now Part of TaxoPress October 14, 2022
  • How to Merge Similar Taxonomy Terms in WordPress September 14, 2022

Testimonials

This plugin is the best available for suggesting tags, is also easy to install and use. Highly recommended.

supertrooper2

I’ve used this for a long time and it is really a great plugin. If you need terms tagging capabilities, this is great!

woodb01

Search TaxoPress.com

Important Links

  • Frequently Asked Questions
  • About the TaxoPress Team
  • Terms of Service
  • TaxoPress Affiliates
  • Logo and Brand Materials

Our Projects

  • PublishPress
  • MetaSlider
  • KinshiPress
  • Ramble Ventures
  • Logtivity