[WordPress] 外掛分享： Advanced Ajax Posts Filter For Elementor

WordPress 外掛 Advanced Ajax Posts Filter For Elementor 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Advanced Ajax Posts Filter For Elementor」是 2026-02-24 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2026-02-25，不久前才剛更新。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

zluck | dipika25 | divyeshk71 |

外掛標籤

ajax | posts | filter | elementor | pagination |

內容簡介

<h2>Advanced Ajax Posts Filter For Elementor 外掛總結</h2>

<p>Advanced Ajax Posts Filter For Elementor 是一個全面的 WordPress 外掛，可創建具有高級 AJAX 分類過濾能力的自定義 Elementor widget。此外掛通過為標準 Elementor posts widget 添加動態篩選功能，無需重新加載頁面，為用戶提供流暢和互動式的瀏覽體驗。</p>

<h2>問題與答案</h2>

<ul>
<li><strong>此外掛的核心功能是什麼？</strong></li>
<ul>
<li>提供高級查詢控制功能</li>
<li>支持所有公共文章類型（文章+自定義文章類型）</li>
<li>包括/排除具有精確控制的 ID 文章</li>
<li>具有多種排序選項：日期、標題、菜單順序、隨機</li>
<li>柔性的排序設置：ASC/DESC</li>
</ul>

<li><strong>此外掛提供哪些多重布局選項？</strong></li>
<ul>
<li>網格佈局具有響應性欄</li>
<li>用於動態內容的磚塊佈局</li>
<li>傳統博客風格的列表佈局</li>
<li>具有覆蓋效果的卡片佈局</li>
</ul>

<li><strong>何種靈活的過濾器 UI 樣式可用？</strong></li>
<ul>
<li>水平標籤和垂直標籤</li>
<li>自訂過濾器外觀</li>
</ul>

<li><strong>此外掛如何保證安全性？</strong></li>
<ul>
<li>通過 WordPress 函數適當對所有用戶輸入進行清理</li>
<li>對所有輸出進行逃脫，以防止 XSS 攻擊</li>
<li>AJAX 請求包含 nonce 驗證</li>
<li>對所有操作進行適當的功能檢查</li>
</ul>

<li><strong>此外掛如何提高效能？</strong></li>
<ul>
<li>對特色圖像進行懶加載</li>
<li>使用有效的 WP_Query 並進行適當的緩存</li>
</ul>
</ul>

原文外掛簡介

Advanced Ajax Posts Filter For Elementor is a comprehensive WordPress plugin that creates a custom Elementor widget with advanced AJAX taxonomy filtering capabilities. This plugin enhances the standard Elementor posts widget by adding dynamic filtering functionality without page reloads, providing users with a smooth and interactive browsing experience.
Features
Core Functionality

Advanced Query Controls

Support for all public post types (posts + Custom Post Types)
Include/Exclude posts by ID with precise control
Multiple sorting options: Date, Title, Menu Order, Random
Flexible order settings: ASC/DESC
Posts per page configuration
Offset control for custom post skipping
Ignore sticky posts option

Multiple Layout Options

Grid layout with responsive columns
Masonry layout for dynamic content
List layout for traditional blog style
Card layout with overlay effects
Responsive columns (desktop/tablet/mobile)
Adjustable column gap & row gap
Equal height option for consistent layouts

Advanced Pagination System

None (disable pagination)
Numbers pagination with customizable controls
Load More button with AJAX loading
Infinite Scroll for continuous browsing
Previous/Next navigation with icon support
Custom pagination text and styling

Rich Post Elements

Featured Image with size selection and lazy loading
Title with HTML tag selection (H1-H6)
Excerpt with length control
Comprehensive meta data: Author, Date, Categories, Comments
Customizable Read More button
Card overlays for date and categories

AJAX Taxonomy Filter

Powerful Taxonomy Controls

Support for any taxonomy (category, tag, custom taxonomy)
Include/exclude specific terms
Show “All” option for quick reset
Multi-select toggle for complex filtering
Full hierarchical support
AND/OR relation between terms

Flexible Filter UI Styles

Horizontal tabs for space-efficient layout
Vertical tabs for sidebar placement
Customizable filter appearance

Smart Behavior

Pure AJAX-based filtering (no page reload)
Seamless integration with all pagination types
Works with Load More and Infinite Scroll
Optional URL sync for shareable filtered views
Graceful fallback if JavaScript is disabled
Loading states and smooth animations

Styling & Customization

Complete Visual Control

Typography controls for all text elements
Color customization with Elementor global colors
Border and shadow effects
Spacing and padding controls
Responsive design settings
White text on colored backgrounds for perfect visibility

Elementor Integration

Native Elementor widget architecture
Live preview in Elementor editor
Global color system integration
Responsive controls for all devices
CSS optimization for performance

Developer Hooks
The plugin provides several action and filter hooks for extensibility:

aapf_before_query – Filter query arguments before execution
aapf_after_query – Action after query execution
aapf_before_render – Action before widget render
aapf_after_render – Action after widget render

Example Usage
[code]
// Modify query arguments
add_filter( ‘aapf_before_query’, function( $args, $settings ) {
// Add custom query modifications
if ( isset( $settings[‘custom_field’] ) ) {
$args[‘meta_key’] = $settings[‘custom_field’];
}
return $args;
}, 10, 2 );
// Add custom action after render
add_action( ‘aapf_after_render’, function( $settings ) {
// Your custom code after widget render
error_log( ‘Widget rendered with settings: ‘ . print_r( $settings, true ) );
} );
[/code]
Security

All user inputs are properly sanitized using WordPress functions
All outputs are escaped to prevent XSS attacks
AJAX requests include nonce verification
Proper capability checks for all operations
No direct file access allowed
Follows WordPress security best practices

Performance

Lazy loading for featured images
Efficient WP_Query usage with proper caching
Minimal DOM manipulation with optimized JavaScript
Proper post data reset to prevent memory leaks
No duplicate queries or unnecessary database calls
Conditional asset loading for improved page speed

Browser Support

Modern browsers (Chrome, Firefox, Safari, Edge)
Graceful degradation for older browsers
Works without JavaScript (basic functionality)
Mobile-optimized touch interactions
Accessible keyboard navigation

Donate
Love this plugin? Help us continue development and add more amazing features!
Your support helps us:

🚀 Add new features and layout options
🐛 Fix bugs and improve stability
📱 Enhance mobile experience
🎨 Create more customization options
📚 Write better documentation

Buy Me A Coffee – ☕ https://www.buymeacoffee.com/zluck.
License
This plugin is licensed under the GPLv2 or later. For more information, see https://www.gnu.org/licenses/gpl-2.0.html.
Credits
Developed following WordPress Plugin Handbook best practices and Elementor widget architecture guidelines.

Elementor Integration – Built with Elementor 3.0+ compatibility
WordPress Standards – Follows all WordPress coding standards
Performance Focus – Optimized for speed and efficiency
User Experience – Designed with accessibility and usability in mind

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Advanced Ajax Posts Filter For Elementor」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0 |

延伸相關外掛（你可能也想知道）

文章
Filter
Apply Filters
Close
Mastodon