內容簡介
Blog Filter 是一款 WordPress 外掛，旨在幫助網站擁有者以有組織且可篩選的佈局顯示其部落格文章。無論是個人部落格、新聞網站還是內容豐富的門戶網站，這款外掛都能提供直觀的方式讓訪客根據分類或標籤瀏覽和發現文章。
【主要功能】
• 自動檢測文章：自動抓取現有文章，無需手動輸入
• 分類與標籤篩選：可按分類或標籤篩選文章
• 響應式網格佈局：適應不同螢幕尺寸的顯示格式
• 磚石佈局：消除不同高度文章之間的空隙
• 圖片質量控制：選擇縮圖的解析度
• 多色篩選按鈕：可自訂篩選按鈕顏色
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
Blog Filter is a WordPress plugin designed to help website owners display their blog posts in organized, filterable layouts. Whether you run a personal blog, news site, or content-heavy portal, this plugin provides an intuitive way for visitors to browse and discover posts based on categories or tags.
The plugin automatically fetches your existing WordPress posts and displays them in a grid or masonry layout. Visitors can click on filter buttons to instantly see posts from specific categories or tags, making content discovery much easier on sites with large archives.
Upgrade To Premium – Blog Filter Plugin
Premium Blog Filter Plugin Demo
What Does Blog Filter Do?
At its core, Blog Filter takes your WordPress posts and presents them in a visually organized manner. Instead of showing posts in a traditional chronological list, you can display them in:
Grid Layouts – Posts arranged in neat rows and columns
Masonry Layouts – Pinterest-style arrangement that optimizes space by eliminating gaps between posts of different heights
The filtering functionality lets visitors click on category or tag buttons to view only the posts that match their interests. This happens dynamically on the page without requiring a reload.
Who Can Benefit From This Plugin?
Content Publishers: If your site has hundreds of articles across multiple topics, filtering helps readers find relevant content quickly.
News Websites: Organize stories by categories like sports, technology, entertainment, and let users toggle between sections.
Educational Blogs: Students and researchers can filter posts by subject matter or topic tags.
Portfolio Blogs: Showcase written work or case studies with easy category-based navigation.
Magazine-Style Sites: Present content in a visually appealing grid that resembles magazine layouts.
Quick Setup Guide
Install and activate the plugin through your WordPress dashboard
Navigate to “Plugins Menu > Blog Filter Settings”
Configure the appearance and filtering options
Copy the generated shortcode
Paste the shortcode into any page, post, or widget area
That’s it. The plugin handles the rest automatically.
Available Languages
Blog Filter supports multiple languages out of the box:
Arabic (ar)
Chinese (zh_CN)
Dutch (nl_NL)
Finnish (fi_FI)
French (fr_FR)
German (de_DE)
Hebrew (he_IL)
Hindi (hi_IN)
Hungarian (hu_HU)
Indonesian (id_ID)
Italian (it_IT)
Japanese (ja_JP)
Polish (pl_PL)
Portuguese (pt_PT)
Russian (ru_RU)
Spanish (es_ES)
You can also translate the plugin into your native language using standard WordPress translation methods.
Blog Filter Features
Automatic Post Detection
The plugin automatically pulls in your existing WordPress posts. There’s no manual entry required – just install, configure your display preferences, and your posts appear in the filtered layout.
Category and Tag Filtering
Choose whether to filter posts by categories, tags, or both. Filter buttons appear above your post grid, allowing visitors to narrow down content with a single click.
Responsive Grid Layout
Posts display in a grid format that adapts to screen sizes. Whether someone visits on a desktop monitor, tablet, or smartphone, the layout adjusts accordingly.
Masonry Arrangement
Enable masonry layout to create that Pinterest-style look where posts of varying heights fit together without awkward gaps. This works particularly well when your posts have featured images of different dimensions.
Image Quality Control
Select the image resolution for displayed thumbnails. You can opt for high-resolution images on design-focused sites, or choose smaller sizes for faster page loads.
Multi-Color Filter Buttons
Apply different colors to your filter buttons to match your site’s design or to help visitors visually distinguish between categories.
Post Titles and Details
Show or hide post titles, dates, authors, and other metadata. Control what information appears beneath each post thumbnail.
Automatic Post Links
Each post in the grid links directly to its full single post page. No additional configuration needed.
Shortcode-Based Placement
Use the generated shortcode to place your filtered post grid anywhere on your site – pages, posts, sidebar widgets, or page builder sections.
Load More Functionality
Instead of pagination, you can enable a “Load More” button that fetches additional posts without page reloads.
Custom Post Type Support
Display posts from custom post types, not just standard WordPress posts.
Premium Version Features
The premium version of Blog Filter includes additional capabilities:
BLOG FILTER PREMIUM FEATURES WITH DEMO
Blog Filter Premium Layout 1
Blog Filter Premium Layout 2
Blog Filter Premium Layout 3
Blog Filter Premium Multiple Column Layout
Blog Filter Premium Without Image
Blog Filter Premium Without Filters
Blog Filter Premium With Hover Effects
Blog Filter Premium With Lightbox
Blog Filter Premium With Single Post Link On Image
Blog Filter Premium With Second Variation for Title, Date & Author
Premium Features Include
Multiple pre-designed templates
Up to 4-column layouts
Five hover effects for post thumbnails
Lightbox popup for featured images
Unlimited filter colors
Custom CSS option for advanced styling
Widget support for sidebar placement
Additional post metadata display options
Bootstrap-based framework
Priority support
Understanding Masonry Layouts
Masonry layout arranges elements in a grid where items are positioned to fill vertical space efficiently. Unlike traditional grids where each row has the same height, masonry allows items of different sizes to stack closely together.
This layout style became popular through sites like Pinterest and works well for:
Posts with varied featured image dimensions
Content archives with mixed media types
Visual portfolios and galleries
Magazine-style homepage designs
Blog Filter handles masonry calculations automatically. You enable the option, and the plugin takes care of positioning each post to minimize empty space.
Lightbox Functionality
The premium version includes Swipebox lightbox integration, which displays featured images in an overlay popup. Key lightbox features:
Swipe gestures for mobile navigation
Keyboard navigation on desktop
CSS transitions with jQuery fallback
Retina-ready UI icons
Browser compatibility: Chrome, Safari, Firefox, Opera, IE9+, iOS 4+, Android, Windows Phone
Recommended Plugins
Other plugins from the same development team:
Portfolio Filter Gallery – Create filterable image galleries for portfolios, photography, and artwork.
Instagram Type Gallery – Display images in Instagram-inspired grid layouts.
Grid Gallery – Simple grid layout for image galleries in posts, pages, and widgets.
Image Gallery – Lightbox-enabled gallery for displaying images.
Photo Gallery – Versatile gallery supporting photos, videos, links, and maps.
Responsive Slider Gallery – Create responsive image sliders with shortcode placement.
Video Gallery – Display video content in organized gallery layouts.
Contact Form Widget – Add contact forms via shortcodes and widgets.
Social Media Widget – Display social media profile links in your sidebar.
Slider Responsive Slideshow – Lightweight responsive slider for WordPress.
Facebook Like Box – Embed Facebook page like boxes on your site.
