Awesome Instant Search Wordpress Plugin is used by 3 websites. Among 3, 0 site is within top 10,000 and 0 site is within top 100,000 websites.
Wordpress Plugin Information of
|Plugin Meta Name||Plugin Meta Information|
|Plugin Description||Awesome Instant Search integrate Instant Search to ANY wordpress website.|
|Detail Plugin Description||
Awesome Instant Search integrate Instant Search to ANY wordpress website using CSS seletors. If you are familiar with CSS already, you should have no problem setting this up. The less experienced can use my full tutorial to set up in 15-20 minutes.
After installing the plugin, go to Settings->Awesome Instant Search in your admin panel. On the first tab, General Settings, you can activate the plugin, but you should probably set it up first.
If you are working with the TwentyThirteen theme, the plugin should work out of the box. TwentyTwelve and TwentyTen can be applied instantly as well. Go to the plugin settings page described above, and under the General Settings use the dropdown next to Theme Quick Settings to select between twentythirteen, twentytwelve and twentyeleven. Again, if you are not using these themes you have to set the plugin up to fit your particular theme. Unfortunately there's not a way (that I know of) that will get this plugin working out of the box!
For the quick tutorial, see below. For those of you unfamiliar with simple HTML and CSS concepts, see my full tutorial.
Essentially, you need to configure three settings.
If you know your
Assign Page Content Selector to the ID of the element you want your search results to appear in. Remember to use a period (.) or hash sign (#) just like you would with a
Next, in the same fashion, assign a selector for the search results. In about 99% of websites, this is going to be the same as the content selector with .hentry added in there. For example, if you assigned
These are the three most important settings. After you get these, go ahead and test it out or play with the other settings.
Search URL is where the search results appear. This is your wordpress website's domain with the letters
Hide These Elements If you want additional elements to be hidden when performing a search, use this option. These elements will be revealed again when the search is cleared. This value accepts comma separated
Before Instant Results is
Theme Quick Settings Quickly access default settings for twentyten, twentytwelve, and twentythirteen.
Wordpress Official Plugin Repository