Limited Time Offer

Save 25% on our plugins with this coupon:

LOVEWORDPRESS

Buy Now
Skip to content
TaxoPress
  • TaxoPress
  • Tag Groups
  • Docs
  • Blog
  • Support
  • Login
Buy Now
TaxoPress

Tag Groups: Getting Started

  • Introduction to Tag Groups
  • Installation of Tag Groups Free
  • First Steps With Tag Groups
  • Tag Groups Free vs Pro

How to Use Groups for Tags

  • Creating and Editing Groups
  • Filter Tag Groups on the Tags Screen
  • Bulk Actions for Groups on the Tags Screen
  • Organizing Groups with a Parent Level
  • Using the Tag Groups Metabox on the Post Edit Screen

Display Options for Tags

  • How To Use Gutenberg Blocks With Tag Groups
  • How to Use Shortcodes With Tag Groups
  • Tag Groups Themes: Design and Colors
  • How to Design Tag Colors in Tag Groups
  • How to Modify a Theme in Tag Groups
  • Create Your Own Accordion and Tab Themes

Tag List

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

Tabbed Tag Cloud

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

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
  • Alphabetical Tag Cloud – Themes

Accordion Tag Cloud

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

Tag Groups Info

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

Show Tags Under Posts (Pro)

  • How to Show Tag Groups on Posts
  • Change the Icons on Tags Under Posts

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

Table Tag Cloud (Pro)

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

Post List (Pro)

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

Dynamic Post Filter (Pro)

  • Dynamic Post Filter – Overview
  • Dynamic Post Filter – Gutenberg Block
  • Dynamic Post Filter – Shortcode Parameters
  • I Don’t See Posts In the Dynamic Post Filter

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 – Shortcodes Overview
  • Toggle Post Filter, Posts – Gutenberg Block
  • Toggle Post Filter, Posts – Shortcode Parameters
  • Toggle Post Filter, Menu – Gutenberg Blocks
  • Toggle Post Filter, Menu – 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, Reset Button – Shortcode Parameters

Tag Groups: Settings

  • The Home Screen in Tag Groups
  • Taxonomies and the Tag Groups Plugin
  • Front End Settings
  • Back End Settings in Tag Groups
  • Tools
  • Troubleshooting
  • Control Who Can Edit the Tag Groups

Tag Groups: Frequently Asked Questions

  • Glossary of Useful Words for Tag Groups
  • How to Display Tags in a Custom Sort Order?
  • Can I Use Tag Groups Multiple Times on The Same Page?
  • Which Tag Groups Feature Do I Need?
  • Can I Use the Tag Groups Plugin with Pages?
  • Can I Use the Tag Groups plugin with Categories?
  • How to Make the Alphabetical Tag Index or the Tag List Responsive?
  • Can I Use Tag Groups with Custom Taxonomies?
  • What are the Minimum System Requirements to Install Tag Groups?
  • “The free Tag Groups plugin cannot be active together with Tag Groups Pro.”

Tag Groups: Troubleshooting

  • Tags Not Visible in the WordPress Admin After Installing Tag Groups
  • Debugging a WordPress Ajax Error
  • Shortcodes Don’t Work Inside Widgets
  • I Cannot Use Multiple Tag Clouds on the Same Page
  • I Don’t See All Tags in the Tag Meta Box
  • How To Use The Debug Log in Tag Groups
  • Instead of the Tag Cloud There’s An Empty Space
  • Can Not Save HTML in the Tag Description
  • Tag Cloud: When I Click on a Tag, the Posts Don’t Differentiate by Groups
  • “Error loading block: The response is not a valid JSON response.”

Questions About Post Filters

  • Using the Post Filter on Frontend URLs
  • How to Choose a Custom Order in the Post Filter
  • How to Change the Length of the Post Excerpts
  • Change the Size of the First Posts in the Masonry Layout
  • Limit the Size of the Menu in the Dynamic Post Filter

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 Groups
  • Migrating your Tags and Posts to Tag Groups

Tag Groups: For Developers

  • Tag Groups and the REST API
  • Filters and Actions in Tag Groups
  • Modifying the Post Query
  • Modifying the Term Query
  • Using Tag Groups in Theme Files
  • Useful Constants for the Tag Groups Plugin

Tag Groups Integrations

  • Integration with WooCommerce Attributes
  • Does Tag Groups Work with the Polylang Plugin?
  • Translating Tag Group Names With WPML
  • Home
  • TaxoPress Documentation
  • The Tag Groups Plugin
  • Toggle Post Filter (Pro)
  • Toggle Post Filter, Posts – Shortcode Parameters

Toggle Post Filter, Posts – Shortcode Parameters

Table of Contents
  • Overview
  • Data Types
  • Parameters
    • Posts
      • default_show_posts
      • posts_per_page
      • pager
      • pager_position
      • orderby
      • order
      • display_amount
      • template
      • default_image_src
      • transition
    • Messages and Placeholders
      • posts_placeholder
      • message_nothing_found
      • message_load_more
      • message_go_back
      • message_amount_singular
      • message_amount_plural
    • Theme and Layout
      • theme
      • layout
  • Advanced Styling
    • div_id
    • div_class

This guide shows you how to use and customize the shortcode for posts in the Toggle Post Filter feature in the Tag Groups plugin.

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”
Toggle Post Filter, Posts – Gutenberg BlockToggle Post Filter, Menu – Gutenberg Blocks
Table of Contents
  • Overview
  • Data Types
  • Parameters
    • Posts
      • default_show_posts
      • posts_per_page
      • pager
      • pager_position
      • orderby
      • order
      • display_amount
      • template
      • default_image_src
      • transition
    • Messages and Placeholders
      • posts_placeholder
      • message_nothing_found
      • message_load_more
      • message_go_back
      • message_amount_singular
      • message_amount_plural
    • Theme and Layout
      • theme
      • layout
  • Advanced Styling
    • div_id
    • div_class

Recent Posts

  • How to Find the IDs of WordPress Tags, Posts or Categories May 24, 2023
  • How to Change the Design of Accordions and Tabbed Tag Clouds May 16, 2023
  • How to Add Custom Designs to Terms in Tag Groups May 15, 2023
  • Find The Most Used Tags On Your WordPress Site May 14, 2023
  • What is a Tag Slug in WordPress? May 11, 2023

Testimonials

Does the job and easy to use. Lots of features in the free version and even better ones in the professional version.

espertus

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

supertrooper2

Important Links

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

Our Projects

  • PublishPress
  • MetaSlider
  • KinshiPress
  • Ramble Ventures
  • Logtivity

© 2023 TaxoPress

Facebook Twitter
Scroll to top
  • TaxoPress
  • Tag Groups
  • Docs
  • Blog
  • Support
Search