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, Body (Posts) – Shortcode Parameters

Toggle Post Filter, Body (Posts) – 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

Posts

default_show_posts

Show a list of posts if no filter is active. This will contribute to the impression that you filter the entirety of posts by reducing their number.

accepted valuesdefaultexample shortcode
integer0 (=off)default_show_posts=1

posts_per_page

How many posts appear under the filter. Use -1 to show all.

Please note that high numbers of posts may impact the performance.

Tip: If you use the parameter “display_amount” you can reduce the additional database request by using posts_per_page=-1 instead of a high number of posts.

accepted valuesdefaultexample shortcode
integer5posts_per_page=10

pager

  • 0: off
  • 1: Simple pager; visitors can load the next or previous page.
  • 2: Pagination; visitors can click on a page number

It is also possible to use the cursor keys left and right to flip through pages.

accepted valuesdefaultexample shortcode
integer0pager=2

pager_position

  • top
  • bottom
  • both
accepted valuesdefaultexample shortcode
stringbottompager_position=both

orderby

Which field to use for sorting the posts.

optionnotes
author 
date 
modified 
randrandom order; recommended to use also a small value for caching, for example caching_time=10. Don’t disable caching if you activated paging.
title 
comment_count 
accepted valuesdefaultexample shortcode
stringdateorderby=title

order

Whether to sort the posts in ascending or descending order. Ascending order also means from oldest to newest.

accepted valuesdefaultexample shortcode
stringDESCorder=asc

display_amount

Whether to display how many posts were found. If the pager is off, this will be the number of displayed posts.

  • 0: off
  • 1: This line will appear in a separate field that you create with the messages shortcode.
  • 2: The message will appear for three seconds in an overlay. If you use the messages shortcode, it will also appear there.
accepted valuesdefaultexample shortcode
0, 1 or 20display_amount=1

template

HTML code that contains some placeholders. If you use only one template on your entire website, it is recommended to leave this parameter empty and edit the default template in the Front End settings.

In order to prevent that WordPress parses the HTML and adds malformed <p></p> tags, it is recommended to encode it before using it.

Possible placeholders are: {post_id}, {post_title}, {permalink}, {post_excerpt} (automatically generated), {post_excerpt_html} (preserves most common html tags), {post_date}, {post_author}, {image_src} or {image_src|image size}, {image_alt}, {post_category}, {post_tags}, {custom_field:<name>}

accepted valuesdefaultexample shortcode
stringsee belowtemplate='JTNDZGl2JTIwY2x'

Image sizes

The following formats are possible:

  • keywords like “thumbnail”, “medium”, “large” or any custom image size((Custom sizes may be registered by your theme or another plugin.)). This method provides the best performance when loading an image. You can change the sizes in the general Media settings of your WordPress site and then use a plugin such as Regenerate Thumbnails to generate the new sizes.
  • width and height, separated by “x”. On both sides you can use numbers (sizes in pixel), percentages or the keyword “auto”. The image loaded by the browser may actually be larger and scaled down.

Examples for the image tag:

<img src=”{image_src|medium}” alt=”{image_alt}” class=”tg-entry-image” />
<img src=”{image_src|100×150}” alt=”{image_alt}” class=”tg-entry-image” />
<img src=”{image_src|100%×auto}” alt=”{image_alt}” class=”tg-entry-image” />

default_image_src

Here you can insert the full URL to your own default image.

accepted valuesdefaultexample shortcode
stringnonedefault_image_src=https://www.example.com/image.jpg

transition

Transition between loading the list of posts.

accepted valuesdefaultexample shortcode
stringnonetransition=fade

Messages and Placeholders

posts_placeholder

Placeholder message for the list of posts.

accepted valuesdefaultexample shortcode
string“Please select a group.”posts_placeholder="Please open the filter."

message_nothing_found

Message to show if no posts were found.

accepted valuesdefaultexample shortcode
string“Nothing found.”message_nothing_found="No courses available."

message_load_more

Label of the link to load more posts, if the pager is active.

accepted valuesdefaultexample shortcode
string“Load more”message_load_more="forward"

message_go_back

Label of the link to go back, if the pager is active.

accepted valuesdefaultexample shortcode
string“Go back”message_go_back="back"

message_amount_singular

Message if one post was found, if display_amount is active.

accepted valuesdefaultexample shortcode
string“1 post found.”message_amount_singular="One recipe found."

message_amount_plural

Message if many posts were found, if display_amount is active. May contain the placeholder {count}

accepted valuesdefaultexample shortcode
string“{count} posts found.”message_amount_plural="We found {count} recipes."

Theme and Layout

theme

Available are “light” and “dark”.

accepted valuesdefaultexample shortcode
stringlighttheme="dark"

layout

  • classic: Posts appear stacked on each other in a narrow container. If you select “classic” for the posts, also the menu should display as “classic” layout.
  • wide: Posts appear stacked on each other in a wide container.
  • boxed: Posts appear in rows. Posts should approximately have the same size, otherwise you will see empty spaces.
  • columns: Posts appear in 1-3 rows (depending on the screen size), each row from top to bottom.
  • columns-keep-together: Same as “columns”, but we try to avoid splitting posts over different columns. This layout makes it clearer which parts belong to a post but it might lead to empty spaces at the bottom.
  • masonry: Posts arrange as tiles, from top to bottom, trying to fill the slots equally. The post order may therefore change.
  • masonry-small: Masonry with smaller items.
  • masonry-large: Masonry with larger items.

example:

layout=masonry

Advanced Styling

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

div_id

Define an id for the enclosing <div>.

accepted valuesdefaultexample shortcode
stringtag_groups_dpf_toggle_bodydiv_id=“something”

div_class

Define a class for the enclosing <div>. You can use here a class identifier for a theme. Use the “theme” parameter for built-in themes.

accepted valuesdefaultexample shortcode
stringemptydiv_class=“my-theme”
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

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

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

supertrooper2

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