Add Google style instant search and search suggest to your WordPress powered site. This plugin will begin displaying search results as soon as your site visitor starts typing into the search box.
The plugin requires very little configuration and should work out of the box with most themes. The plugin has its own options page to configure the plugin to work with your theme if you require it.
To install this plugin:
- Upload the
instant-search-suggestfolder to the
- Activate the plugin through the ‘Plugins’ menu in WordPress
- Tweak the settings in
Settings -> Instant Searchif required
Visit WordPress.org for a comprehensive guide on in how to install WordPress plugins.
- Hooks & Filters
The plugin has two filters, both of which allow you to customise the search suggestion results. The filters are:
You should return a valid mustache template to both of these. You can see an example in
Variables available in your mustache template for posts/cpts are:
Variables available in your mustache template for taxonomies are:
- How do I setup Instant Search?
For around 70% of WordPress themes instant search will just work. If you find that your instant search feature is not working then you will need to tweak the settings from within WordPress.
Head to the administration menu for the plugin within your WordPress admin panel. You will find it in
Settings » Instant Search.
HTML pages are made up of various sections (usually DIVs) and these sections have unique names to describe what they do. For most WordPress themes the main content area is wrapped in a DIV with an ID of ‘content’. Therefore the default setting for Instant Search is “#content”. If instant search is not working then we need to change this value to match your current theme layout.
- How do I turn off Instant Search?
Instant Search #id/.classsetting empty to disable instant search.
- What is Magic Mode?
With Magic Mode enabled the user is automatically transported to the post, page, custom post type or taxonomy they have selected in the suggestions list. With Magic Mode enabled the user is automatically transported to the post, page, custom post type or taxonomy they have selected in the suggestions list.
- How do I turn off search suggestions?
Uncheck all of the taxonomies and post types in the
- Does the plugin support custom taxonomies and post types?
Yes. You can control which of these appear in the suggestion list from the setting screen.
- How do I customise the look and feel of the suggestions?
We have purposely left the styles on the suggestion dropdown simple to fit many themes. If you wish to customise the CSS copy the
iss.cssfile from the plugin folder (/assets/css/) to the root of your theme and edit the CSS to match your design.
If you wish to change the output of the suggestions please see the hooks and filters section above.
You can also dequeue
iss.cssand move the styles to your own CSS file using:
བྱས་རྗེས་འཇོག་མཁན། & གསར་འབྱེད་པ།
“Instant Search & Suggest” is open source software. The following people have contributed to this plugin.བྱས་རྗེས་འཇོག་མཁན།
Interested in development?
- Correctly filter search results to match settings
- Inital release on WordPress.org