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 with tags
• 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.
• The slider width is 800px.
• Simple pager set for top and bottom.
• 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.
• Click through to a post and return to the list to continue where you left off.
• Use the cursor keys to flip through the pages.
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 caching_time=60 icon_class="dashicons-arrow-right" include="8,9,10" layout="slider_right_tags" slider_width=800 term_order="ASC" term_orderby="term_order" text_search=2 title_text_search="Search a course"]
[tag_groups_tpf_slider_button button_text="Narrow down"]
[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=1 pager_position="both" posts_per_page=6 posts_placeholder="Narrow down."]