- Status: ✔ Active
- Contributors: @scottsweb
- Description: Instant WordPress search with search suggestions for tags, categories and titles.
- Author: Scott Evans
- Author URI: https://scott.ee
- License: GNU General Public License v2.0
- License URI: http://www.gnu.org/licenses/gpl-2.0.html
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/wp-content/plugins/directory - 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.
The plugin has two filters, both of which allow you to customise the search suggestion results. The filters are: wpiss_post_tempalte and wpiss_taxonmy_tempalte.
You should return a valid mustache template to both of these. You can see an example in assets/inc/iss-theme.php.
Variables available in your mustache template for posts/cpts are: title, permalink, postdate, posttype, categories and image.
Variables available in your mustache template for taxonomies are: title, permalink, taxonomy and count.
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.
Leave the Instant Search #id/.class setting empty to disable instant search.
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.
Uncheck all of the taxonomies and post types in the Search Suggest setting.
Yes. You can control which of these appear in the suggestion list from the setting screen.
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.css file 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.css and move the styles to your own CSS file using: wp_deregister_style('iss');
- Correctly filter search results to match settings
- Inital release on WordPress.org