youheiokubo

HXSE — Code-First Search lets you define search filters with PHP arrays and output them with a simple shortcode. No JavaScript configuration required. Powered by htmx for seamless, no-reload filtering.
Why HXSE?
<ul>
<li>Code-first — Define everything in PHP arrays. Version-control friendly.</li>
<li>No page reloads — htmx handles all filtering and pagination seamlessly.</li>
<li>AI-friendly — Simple, consistent schema structure that AI agents can read and write.</li>
<li>No dependencies — htmx is bundled. No jQuery required.</li>
</ul>
Filter Types
<ul>
<li><code>search</code> — Keyword search</li>
<li><code>taxonomy</code> — Filter by taxonomy / category</li>
<li><code>meta</code> — Filter by custom field value or range</li>
<li><code>date</code> — Filter by year</li>
<li><code>relation</code> — Filter by related post</li>
</ul>
UI Types
<ul>
<li><code>select</code> — Dropdown</li>
<li><code>radio</code> — Radio buttons</li>
<li><code>checkbox</code> — Multiple selection</li>
<li><code>range</code> — Min/max slider (for numeric meta fields)</li>
</ul>
Pagination Modes
<ul>
<li><code>pager</code> — Numbered page links with count display</li>
<li><code>loadmore</code> — “Load more” button</li>
</ul>
Basic Usage
<pre><code>`php
</code></pre>
add_filter( ‘hxse_schemas’, function( $schemas ) { 
 $schemas[‘staff_search’] = [ 
 ‘post_type’ => ‘staff’, 
 ‘filters’ => [ 
 [‘key’ => ‘keyword’, ‘type’ => ‘search’, ‘label’ => ‘キーワード’], 
 [‘key’ => ‘department’, ‘type’ => ‘taxonomy’, ‘label’ => ‘部署’, 
 ‘taxonomy’ => ‘department’, 
 ‘ui’ => ‘checkbox’, 
 ], 
 ], 
 ‘pagination’ => [ 
 ‘mode’ => ‘pager’, 
 ‘per_page’ => 12, 
 ], 
 ‘template’ => ‘hxse-staff.php’, 
 ]; 
 return $schemas; 
} ); 
 `
<pre><code>`
</code></pre>
[hxse id=”staff_search”] 
 `
<h3>External Services</h3>
This plugin bundles htmx (https://htmx.org/) for handling AJAX requests without page reloads. htmx is included locally within the plugin and does not make any external network requests. It is licensed under the BSD 2-Clause License.
<ul>
<li>htmx: https://htmx.org/</li>
<li>htmx License: https://github.com/bigskysoftware/htmx/blob/master/LICENSE</li>
</ul>

HXSE — Code-First Search

Code-first search & filter for WordPress. Define filters with PHP arrays, output with a shortcode. Powered by htmx — no page reloads.

Trusty Plugins

Category AJAX Filter (CAF) is a fast, lightweight WordPress filter plugin that lets visitors instantly filter posts and custom post types by category, tag, or taxonomy — without reloading the page.
Whether you run a blog, portfolio, directory, or events site, CAF makes it easy to add AJAX-powered filtering to any page using a simple shortcode. No coding required.
<h4>⚡ Key Features (Free)</h4>
<ul>
<li>Custom Post Types & Taxonomies – Filter any post type: blogs, portfolios, events, directories, recipes and more.</li>
<li>3 Pre-built Filter Layouts – Get started fast with ready-made filter designs.</li>
<li>4 Pre-built Post Layouts – Choose how filtered results are displayed.</li>
<li>Flexible Design Controls – Customize colors, fonts, spacing and sizing to match your brand.</li>
<li>Simple Admin Panel – Configure everything from one clean settings screen.</li>
<li>Responsive & Lightweight – Optimized for mobile, tablet and desktop without bloating your site.</li>
<li>Regular Updates & Support – Actively maintained with fast support turnaround.</li>
</ul>
<h4>🖥️ Live Demos (Free)</h4>
<ul>
<li><a href="https://trustyplugins.com/simple-blogs-demo/" rel="nofollow ugc">Simple Blogs</a></li>
<li><a href="https://trustyplugins.com/boxed-title-demo/" rel="nofollow ugc">Boxed Title</a></li>
<li><a href="https://trustyplugins.com/glossy-look-demo/" rel="nofollow ugc">Glossy Look</a></li>
<li><a href="https://trustyplugins.com/sidebar-filter-demo/" rel="nofollow ugc">Filter in Sidebar</a></li>
<li><a href="https://trustyplugins.com/dropdown-filter-demo/" rel="nofollow ugc">Dropdown Filter</a></li>
</ul>
<h4>🎯 Who Is This For?</h4>
Category AJAX Filter works great for any content-heavy WordPress site where visitors need to find relevant posts quickly:
<ul>
<li>Blogs – Let readers filter posts by category and tag instantly.</li>
<li>Portfolio Sites – Allow visitors to filter projects by type, technology or client.</li>
<li>Directory Sites – Organize and filter listings using custom taxonomies.</li>
<li>Events & Courses – Let users filter by date, topic or location.</li>
<li>Recipe or Product Sites – Enable filtering by ingredient, cuisine, brand or any custom taxonomy.</li>
</ul>
If your visitors scroll endlessly to find content, CAF solves that with instant AJAX filtering.
<h4>🗂️ Supported Post Types & Taxonomies</h4>
<ul>
<li>WordPress Posts – filter by category and tag</li>
<li>Custom Post Types – portfolios, events, recipes, listings, and any CPT you create</li>
<li>WordPress Categories & Tags – built-in taxonomy support out of the box</li>
<li>Custom Taxonomies & Terms – works with any taxonomy created by plugins or custom code</li>
</ul>
<h4>🔌 Works With Your Existing Tools</h4>
Page Builders — CAF is shortcode-based and drops into any builder: Gutenberg, <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor</a>, <a href="https://www.elegantthemes.com/gallery/divi/" rel="nofollow ugc">Divi</a>, WPBakery, Oxygen and more.
CPT Plugins — Tested and compatible with <a href="https://wordpress.org/plugins/advanced-custom-fields/" rel="ugc">Advanced Custom Fields (ACF)</a>, <a href="https://wordpress.org/plugins/custom-post-type-ui/" rel="ugc">Custom Post Type UI (CPT UI)</a>, and custom-coded post types.
<h4>How It Works</h4>
Getting started with Category AJAX Filter is quick and simple. Watch the video below to see how you can create and display filters for your posts and custom post types.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/iwHcM57q92U?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>🚀 Category AJAX Filter Pro</h4>
Upgrade to <a href="https://trustyplugins.com/category-ajax-filter-pro" rel="nofollow ugc">Category AJAX Filter Pro</a> for advanced filtering, more layouts and powerful integrations.
More Filter Types
<ul>
<li>Multiple taxonomy filtering — filter by Category + Tag + custom taxonomy simultaneously</li>
<li>Alphabetical / A–Z navigation filter</li>
<li>Checkbox filters with icons</li>
<li>Tabs filter</li>
<li>Voice search</li>
<li>Advanced keyword search</li>
<li>Parent & child category filters</li>
<li>Active filters display (users see and remove applied filters)</li>
</ul>
More Post Layouts
<ul>
<li>Timeline (Simple + Full Width)</li>
<li>Carousel Slider</li>
<li>Masonry (standard + with descriptions)</li>
<li>Rounded Corner</li>
<li>Gradient Border</li>
</ul>
Elementor Loop Builder Support — Apply AJAX filters to any layout built with Elementor’s Loop Builder. Results update instantly inside your existing Elementor design.
Analytics — Track which filters visitors use most. See total clicks, per-taxonomy stats, and time-based breakdowns.
Advanced Pagination — Load More button, AJAX pagination, or traditional navigation — your choice.
Additional Pro Features
<ul>
<li>Default terms preloaded on page load</li>
<li>Sorting options for filtered results</li>
<li>Show/hide post meta (date, author, comment count)</li>
<li>Post animation effects</li>
<li>Translatable text strings (e.g., “All”, “Read More”)</li>
<li>Font Awesome icon support</li>
<li>Google Fonts integration</li>
<li>Scroll-to-results on filter click</li>
<li>Template override support (customizations survive updates)</li>
<li>Developer hooks for custom integrations</li>
<li>Priority support</li>
</ul>
Pro Demo Layouts
<ul>
<li><a href="https://caf.trustyplugins.com/demos/parent-child-category-filter/" rel="nofollow ugc">Parent Child Category Filter</a></li>
<li><a href="https://caf.trustyplugins.com/demos/multiple-taxonomy-filter/" rel="nofollow ugc">Multiple Taxonomy Filter</a></li>
<li><a href="https://caf.trustyplugins.com/demos/multiple-taxonomy-horizontal-dropdown-filter/" rel="nofollow ugc">Horizontal Dropdown Filter (Modern)</a></li>
<li><a href="https://caf.trustyplugins.com/demos/multiple-taxonomy-dropdown-filter/" rel="nofollow ugc">Multiple Taxonomy Dropdown Filter</a></li>
<li><a href="https://caf.trustyplugins.com/demos/alphabetical-navigation-filter/" rel="nofollow ugc">Alphabetical Filter</a></li>
<li><a href="https://caf.trustyplugins.com/demos/tabs-filter/" rel="nofollow ugc">Tabs Filter</a></li>
<li><a href="https://caf.trustyplugins.com/demos/simple-timeline/" rel="nofollow ugc">Simple Timeline</a></li>
<li><a href="https://caf.trustyplugins.com/demos/full-width-timeline/" rel="nofollow ugc">Full Width Timeline</a></li>
<li><a href="https://caf.trustyplugins.com/demos/carousel-slider/" rel="nofollow ugc">Carousel Slider</a></li>
<li><a href="https://caf.trustyplugins.com/demos/masonry-layout/" rel="nofollow ugc">Masonry Layout</a></li>
<li><a href="https://caf.trustyplugins.com/demos/masonry-with-description/" rel="nofollow ugc">Masonry With Description</a></li>
<li><a href="https://caf.trustyplugins.com/demos/gradient-border/" rel="nofollow ugc">Gradient Border</a></li>
<li><a href="https://caf.trustyplugins.com/demos/full-rounded-corner/" rel="nofollow ugc">Full Rounded Corner</a></li>
</ul>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/OOnLUnPuYgA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>📥 Import Ready-Made Layouts</h4>
Don’t start from scratch — import any layout from the demo site in seconds:
<ol>
<li>Visit a demo page and copy the exported JSON.</li>
<li>Paste it into the Import tab in the CAF admin panel.</li>
<li>Click Import — done.</li>
</ol>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/uyEhRD0RiP0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>🛠️ Coming Soon: CAF Builder</h4>
We’re building a visual drag-and-drop builder for filters and post layouts. Design the UI, connect your taxonomies and custom fields, and create fully custom filtering experiences — no code needed. Stay tuned.

Category AJAX Filter — Advanced Filter for Posts & Custom Post Types

this plugin is awesome, help me a lot with new innovative functions

awesome plugin with unique functions


I emailed support to ask about an update error and they got back to me within minutes with a helpful solution. Thank you!


Support is a hero

Instantly filter WordPress posts and custom post types by category, tag or taxonomy — no page reload. Works with Elementor, Divi, Gutenberg and more.

HXSE — Code-First Search vs Category AJAX Filter — Advanced Filter for Posts & Custom Post Types