Accordion Blocks vs Tag Groups is the Advanced Way to Display Your Taxonomy Terms

Accordion Blocks is a simple plugin that adds a Gutenberg block for adding accordion drop-downs to your pages. The accordions should blend seamlessly with your theme. However, you may want to add custom styles to your theme. Features Adds a Gutenberg block for adding accordions to your site. Supports multiple accordions with individual settings for each accordion item. Fully responsive. Support for item IDs and direct links. Supports nesting accordions. Accessible (for users requiring tabbed keyboard navigation control). Optional Features Open individual accordion items by default. Disable auto closing of accordion items. Manually close items by clicking the title again. Scroll page to title when it’s clicked open (including setting a scroll offset position). Set the HTML heading tag for the title element (h1–h6, button). Set defaults to be applied to all new accordion items or reset a specific accordion item to the defaults. Supports adding custom block styles using wp.blocks.registerBlockStyle. Output The plugin will ultimately output following HTML (simplified for this example): Title with H2 tag Content Custom CSS You can use the following CSS classes to customize the look of the accordion. .c-accordion__item {} /* The accordion item container */ .c-accordion__item.is-open {} /* is-open is added to open accordion items */ .c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */ .c-accordion__title {} /* An accordion item title */ .c-accordion__title--button {} /* An accordion item title that is using a ` ` tag */ .c-accordion__title:hover {} /* To modify the style when hovering over an accordion item title */ .c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */ .c-accordion__content {} /* An accordion item content container */

The Tag Groups plugin allows you to organize your WordPress taxonomy terms and show them in clouds, tabs, accordions, tables, lists and much more. You can customize your term displays with a huge number of options and use them in posts, pages, blocks, or shortcodes. All the Features in Tag Groups The Free version of the Tag Groups plugin comes with the following features. All of these features are available as both shortcodes and also Gutenberg blocks. Tag List: Tags appear in columns, sorted into groups. View demos. Tabbed Tag Cloud: A tag cloud where tags are sorted into groups that appear in tabs. View demos. Accordion Tag Cloud: A tag cloud where tags are sorted into vertically stacked accordion groups. View demos. Alphabetical Tag Cloud: Tags are sorted alphabetically by first letter under tabs. View demos. Alphabetical Tag Index: Tag appear in columns, sorted alphabetically by first letter. View demos. Post List: Display posts with a specific tag or in a particular tag group. View demos. The Pro version of the Tag Groups plugin also has these extra features: Tag Cloud: This is an advanced version of a traditional Tag Cloud, with many customization options. View demos. Table Tag Cloud: This feature organizes tags in a table, with groups as headers. View demos. Shuffle Box: This is a tag cloud that allows you to filter the tags by their names or by their tag groups. View demos. Tag Cloud Search: Add a search box to any of our static tag displays: Cloud, Tabs, Accordion, or Table. View demos. Toggle Post Filter: This allows users to dynamically search for posts that have tags they choose. View demos. Dynamic Post Filter: This aallows users to dynamically search for posts via a dropdown menu showing tags. View demos. Tag Groups Pro Upgrade to Tag Groups Pro This plugin is the free version of TaxoPress. The Pro version of Tag Groups has extra features and expert support. Click here to organize your terms with the Tag Groups Pro plugin now! Why Organize Terms Into Groups? Most WordPress sites mix up terms into one big messy group. In most cases, terms should actually be separated by topics: places, people, features, years and more. Your term however, will become much more useful if you organize them in groups. Imagine a tag cloud where all places appear in a “Places” group, all names under “Names” and all years under “Years”. The Tag Groups plugin lets you do exactly that. The plugin gives you many term displays. You can also customize them, append or prepend something to each tag. You can add separators, choose the link target, set the smallest and the largest font size, display the post count and much more. Does Tag Groups Only Work With Tags? No. Tag Groups works also great with most other (flat) taxonomies, such as WooCommerce product tags. The plugin does not support hierarchical taxonomies like categories. Does Tag Groups Work with Multilingual Websites? Yes, this plugin is officially compatible with WPML, the WordPress Multilingual plugin. This means you can use a different tag group name for each language. Tag Groups Pro Upgrade to Tag Groups Pro This plugin is the free version of TaxoPress. The Pro version of TaxoPress has extra features and expert support. Click here to organize, optimize and showcase your content with TaxoPress now! The TaxoPress and Tag Groups plugins TaxoPress is developed by the same team that support the popular TaxoPress plugin. Together Tag Groups and TaxoPress are an excellent solution for organizing and displaying your site’s content. Tag Groups Bug Reports Bug reports for Tag Groups are welcomed in our repository on GitHub. Please note that GitHub is not a support forum, but a place to report bugs in the plugn that can be replicated outside of a single site. Follow the TaxoPress team Follow TaxoPress on Facebook, Twitter and YouTube.