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.

HXSE — Code-First Search vs Beautiful taxonomy filters