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 – Gutenberg Block

Toggle Post Filter, Menu – Gutenberg Block

Note: The Toggle Post Filter 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.

Available Blocks

This feature consists of four blocks that you can place at different locations of the page, including widgets. The main part is the menu block and here you supply almost all parameters.

  • Toggle Post Filter – Menu (required)
  • Toggle Post Filter – Posts (required)
  • Toggle Post Filter – Message Field (optional)
  • Toggle Post Filter – Reset Button (optional)
  • Toggle Post Filter – Slider Button (optional, only for the slider layouts)
  • Toggle Post Filter – Order menu (optional)
  • Toggle Post Filter – additional Text Search Field (optional)

Instead of the Reset Button block you can also use the default WordPress button block and enter “tg_dpf_toggle_reset_button” as “Additional CSS class(es)”.

Please make sure you don’t use the “legacy” menu block. This block is still functional but its options have been migrated to the posts block.

Block Options (Menu Part)

The following options appear in the editor side panel after you selected a block. Some of them appear only when you activated the corresponding function. For example, you can set the title of the search field only after you activated text search.

You find post-related options in the post (body) block.

Tags and Terms

Include taxonomies

Use only tags from selected taxonomies (“tag types”). Available are only taxonomies that have been enabled in the Settings. If you leave this option empty, we use all enabled taxonomies.

Include tags

Restricts the tags that should be used. If you leave this option empty, we use all tags of selected groups and taxonomies.

Exclude tags

Restricts the tags that should be excluded.

Logic operator

The operator determines how selected tags and groups should be logically connected when searching for matching posts. Possible values are:

  • any tag matches (“IN”/”OR”): At least one of the selected tags must be among the post tags for a post to be displayed.
  • all tags match (“AND”): All selected tags across all groups must be among the post tags of the same group.
  • at least one tag matches from each group (“IN AND”): At least one selected tag of each group must be among the post tags of the same group.
  • exact match of all selected tags (“EXACT”): The selection of tags must be identical to the post tags of that same group, not more and not less. (Note: If you upgraded from a version before 1.39.0, go to the settings, Troubleshooting and run the maintenance.)

Groups where no tags are selected won’t be considered. If you use AND or IN AND on five groups and a visitors selects only tags from the first two groups, they may already see posts. The unused other three groups don’t count in.

If you need more precise control with different operators per group, you need to transform the block into a shortcode and then use the parameter operator.

Order tags by

Lets you determine the order of the tags (terms).

Tag order

Whether to sort the tags in ascending or descending order.

Hide unused tags

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

Preset tags

Lets you initialize the filter with a selected toggle set to on.

Static taxonomy

Optionally filter also by terms of an additional taxonomy (not necessarily one of the taxonomies used for tag groups). You can, for example, show only posts that belong to a particular category.

Static terms

See static taxonomy above. Here you select the terms (tags, categories).

Groups

Include groups

Select tag groups that will be shown to visitors. By default all your groups will appear.

Groups where only one tag can be selected

Please note that more tags might still be selected if this selection is carried over by the persistent filter setting from another page.

Text

Text search

Adds a text search field at the beginning of the menu. The entered word can be prepended with a minus so that it will be excluded. The logic connection with other search criteria is always AND, which means that the text search can narrow down the list of posts that was determined by the other search criteria.

Options:

  • off: no text field appears
  • on enter: Search begins when you press ‘enter’.
  • on enter or timed: Search begins when you press ‘enter’ or when you pause typing.

Caching and Performance

Caching time

Time in minutes that the selection of posts that match the search criteria should remain available for faster access on the server.

Remember selected filter and post (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 no post has been clicked, the page will scroll to the group selection menu.

This option requires that visitors accept cookies in their browsers. 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.

Timeout before search

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.

Labels and Messages

Title for text search

Title above the text search field.

Placeholder for search field

Placeholder message for the text search field.

Layout

Menu layout

Layout of the menu part, containing the toggles.

  • classic: The menu items appear vertically stacked in a narrow container. Posts display on the right side. If you select “classic” for the menu, also the body part with the posts should use the “classic” layout.
  • buttons: Like the classic layout, but instead of toggles we use buttons. Optionally show an icon on active buttons.
  • classic with 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 with buttons: Like the “wide” layout, but instead of toggles we use buttons. Optionally show an icon on active buttons.
  • wide with 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 slider uses buttons with optional icons.
  • slider left with 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 with 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).

Icon

Place an icon on active buttons. (Not available with toggles.) Some common icons are available as buttons. For other icons you need to convert the block to a shortcode.

Slider width

Set the width of the slider menu in pixels. Only available with the “slider left with tags” and the “slider right with tags” menu layouts.((In the other slider layouts the width is fixed.))

Tag color

Set the background color of the tags. Only available with the “slider left with tags” and the “slider right with tags” menu layouts.

Selected tag color

Set the background color of the tags that are toggled on in the filter. Only available with the “classic with tags”, “wide with tags”, “slider left with tags” and the “slider right with tags” menu layouts.

Theme

The plugin comes with two default themes, light and dark.

Hide toggles in an accordion

Display each group as an accordion where toggles are hidden under the group label. If you use the option “Remember selected filter and post”, all groups that contain active toggles will be open.

Please note that also hidden toggle switches are effective.

Advanced Styling

You can set here classes to be referred to in CSS. You need some knowledge of CSS to create your own theme.((Unfortunately we are not able to provide assistance for customization. Please consult your web designer.))

div_class

Define a class for the <div>.

div_id

Define an ID for the enclosing <div>.

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

It is awesome to finally have tags organized. Thank you so much for this simple but powerful plugin!

kenethrd

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