描述
The category filter block allows you to filter posts displayed with the standard Query Loop block by category, without a page refresh. The Interactivity API is fully supported.
Features
✅ The category filter can be displayed as links or as a select dropdown field.
✅ You can display a post count number near each category.
✅ Custom All Categories text
✅ Works without page refresh (AJAX + Interactivity API)
✅ Sticky positioning
✅ Block styles customization (Font size, Padding, Margin)
✅ The block can add parameters to the page URL, for example, ?filter-category=travel
The plugin also has a PRO version, its main difference is that it supports filtering by any custom taxonomy – Tags, Product Categories, Product Tags, Brands, etc. It has a bunch of other features too.
Pro features
✅ Custom taxonomies are supported.
✅ Multiple taxonomy filters within the same Query Loop.
✅ Sort categories (terms) in the filter alphabetically, by post count, or in a custom order.
✅ The filter can be displayed as buttons with the possibility of style customization (color, background color, border, border radius, etc).
区块
该插件提供了 1 个区块.
- Category Filter Displays a simple AJAX-powered category filter.
安装
Automatic Install
- Log into your WordPress dashboard and go to Plugins → Add New
- Search for “Category Filter Block”
- Click “Install Now” under the “Category Filter Block” plugin
- Click “Activate Now”
Manual Install
- Download the plugin from the download button on this page
- Unzip the file, and upload the resulting
category-filter-blockfolder to your/wp-content/pluginsdirectory - Log into your WordPress dashboard and go to Plugins
- Click “Activate” under the “Category Filter Block” plugin
常见问题
-
Is it tested with the latest PHP version?
-
Yes, it is.
-
Will it work if the “Reload full page” option is active for my “Query Loop” block?
-
Yes, the plugin supports both AJAX and non-AJAX query loops.
评价
贡献者及开发者
更新日志
1.2
- Fixed: An issue with the link-type filter styles in the Block Editor in WordPress 7.0
1.1
- Fixed: Deprecation notices in the browser console (Block API version, __nextHasNoMarginBottom, and __next40pxDefaultSize)
- Minor UI improvements
1.0
- Initial release

