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.

roman

YMC Filter is a powerful and flexible WordPress plugin that allows you to easily filter and display your posts, custom post types, and other content in responsive grid layouts. 
With an intuitive interface and customizable filters, you can create dynamic, engaging, and visually appealing grids without touching a single line of code.
Whether you’re building a blog, portfolio, news site, or product showcase – YMC Filter helps you display content the way you want: searchable, filterable, and optimized for all devices.
<h3>Key Features</h3>
<ul>
<li>Select one or more post types to display in a grid.</li>
<li>Sort posts, taxonomies, and terms (manual sorting included).</li>
<li>Different pagination options: Numeric, Load more, Infinite scroll.</li>
<li>Multiple templates for filters and post cards.</li>
<li>Frontend post sorting and search bar.</li>
<li>Responsive grids with customizable columns, spacing, and breakpoints.</li>
<li>Featured posts support (inside or outside the grid).</li>
<li>Popup view for post content.</li>
<li>Sliders support (post carousel and other types).</li>
<li>Custom WP_Query integration to build advanced queries.</li>
<li>Masonry and justified grid layouts.</li>
<li>Customization options: colors, typography, icons, backgrounds.</li>
<li>Preloader icon customization.</li>
<li>Fine-tune terms with icons, colors, backgrounds.</li>
<li>JS API & Hooks to manage asynchronous filter operations.</li>
<li>Export / Import settings.</li>
<li>Multilingual support (WPML, Polylang).</li>
<li>Constructor for combined filters (mix multiple filter types in one grid).</li>
<li>Integration with Elementor, WPBakery, and Gutenberg.</li>
<li>Mobile-friendly UI/UX optimization.</li>
<li>Visual Card Builder: Create unique post layouts using a drag-and-drop interface.</li>
<li>Seamless Page Builder Integration: Easily add and configure smart filters within your favorite editors, including Elementor, WPBakery Page Builder, and native Gutenberg blocks.</li>
</ul>
<h3>Video</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/nzyeC6jeMHo?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>

YMC Filter


This plugin works out of the box, grids are easy to set-up, but leaves enough customization to the user (css, etc). Highly recommended.


Great plugin

A powerful and flexible plugin to filter and display posts, custom post types, and other content in beautifully designed grid layouts.

HXSE — Code-First Search vs YMC Filter