This is a demo of the Toggle Post Filter with sample posts. We also have other demos where you find more layouts. Check out the overview page.
• menu layout: slider right
• tags (buttons) are hidden in accordions
• body (posts) layout: masonry
• theme: light
• operator: “IN” (posts are shown if any tag matches)
• We show all posts if no filter is selected.
• text search: enabled, triggered on Enter or after changes
• post template: custom template, without date and author
• The “persistent filter” remembers for 60 minutes, which filters you selected and which post you clicked.
• We also used the “static taxonomy” parameter with a category to show only language courses.
• Tags (toggles) were sorted by their descriptions where we used numbers to set a custom order.
• We also used buttons to open the filter and to reset the filter.
• Search for a key word. Or search for a key word starting with a dash to exclude that word.
• Use tags from the same group to get more results. Add tags from another group to narrow down the result.
• Use the left/right cursor keys to flip through pages.
• Click through to a post and return to the list to continue where you left off.
We used the following shortcodes. If you like to try them on your site, you may have to replace the group IDs (“include”) with your own values.
[[tag_groups_tpf_menu accordion=1 caching_time=60 icon_class="dashicons-arrow-right" include="8,9,10" layout="slider_right" term_order="ASC" term_orderby="term_order" text_search=2 title_text_search="Search a course"]]
[tag_groups_tpf_slider_button]
[tag_groups_tpf_reset button_text="Show all"]
[tag_groups_tpf_body default_show_posts=1 layout="masonry" legacy=0 message_amount_plural="{count} courses found." message_amount_singular="1 course found." pager=2 pager_position="both" posts_per_page=6 posts_placeholder="Narrow down."]