內容簡介
Filterable Post Gallery 外掛可從已發佈的文章或 WooCommerce 產品中自動建立可篩選的畫廊，無需手動維護。這使得使用者能夠輕鬆展示內容，並保持畫廊與源內容同步，適合各類型網站。
【主要功能】
• 自動更新畫廊內容
• 智能篩選功能
• 響應式網格佈局
• 支援文章與產品顯示
• 自訂按鈕與卡片顏色
• 初學者友好的設置
外掛標籤
開發者團隊
② 後台搜尋「Filterable Post Gallery – Post Grid & WooCommerce Product Filter Block」→ 直接安裝（推薦）
原文外掛簡介
Filterable Post Gallery adds a Gutenberg block that turns your posts or WooCommerce products into a filterable grid with category filter buttons — no page builder, no shortcodes, no manually adding gallery items one by one.
Pick a post type, pick a taxonomy, and the block builds the gallery for you. Publish a new post or product and the grid updates automatically. Visitors click filter buttons (e.g. All, Design, Development, T-Shirts) to instantly narrow down what they see.
Common uses
Filterable portfolio — show projects filtered by type, straight from a custom post type or categories
WooCommerce product gallery — display products in a clean grid with product-category filter buttons, without touching your shop templates
Blog post grid with filters — let readers browse articles by category or tag instead of scrolling archives
Team, services, or resources pages — anything organized by a taxonomy works
Features
Content-driven — cards are generated from published posts or products; edit the source once and the gallery stays in sync
Filter by any taxonomy — categories, tags, WooCommerce product categories, or any registered custom taxonomy
Two layouts — full card (image, title, excerpt) or image-only grid for visual portfolios
Color controls in the editor — button background/text/hover/active states, card background, title, and excerpt colors
Posts per page — show 2–16 items per gallery
Automatic placeholders — posts without a featured image still look consistent
Multiple galleries per page — each block keeps its own settings
Cached queries — results are cached with transients and invalidated automatically on save, so the block stays light even on busy sites
Responsive grid — works on mobile, tablet, and desktop out of the box
How it works
Add the Filterable Post Gallery block to any page or post
Choose the source: posts or WooCommerce products
Choose the taxonomy used for the filter buttons
Adjust layout, colors, and posts per page
Publish — new content matching your settings appears in the grid automatically
Video demo
Filterable Post Gallery vs. a normal gallery or query block
The core Gallery block requires adding and reordering images by hand, and the Query Loop block has no visitor-facing filter buttons. This block combines both: a query-driven grid plus one-click front-end filtering, configured entirely inside the block editor.
Credits
Grid icons created by Freepik – Flaticon
