itthinx

Kento

Search Live supplies effective integrated live search facilities and advanced search features.
This plugins delivers a smooth interactive experience with immediate results for your site’s visitors, making it easier and more efficient to find the right results.
It provides instant live search results with thumbnails where matches are found for one or multiple search keywords in titles, excerpts or content, allows to enhance the standard search form with this functionality, provides a flexible shortcode <code>[search_live]</code> that can be placed anywhere to provide an interactive search form and a widget for use in sidebars.
The shortcode and widget can be fine-tuned with sensible options to improve the search experience for your visitors.
<ul>
<li>Instant search results replace the standard WordPress search form. This is enabled by default but you can turn it off.</li>
<li>You can use the shortcode <code>[search_live]</code> to place a search form anywhere.</li>
<li>You can use the Search Live widget in your sidebars.</li>
<li>Supports Custom Post Types.</li>
<li>Full multilanguage support and compatible with <a href="https://wpml.org/plugin/search-live/" rel="nofollow ugc">WPML</a>.</li>
</ul>
Search Live can show instant search results including thumbnails and short descriptions or manual excerpts.
Among other useful options, you can determine the number of results shown and whether to search in any combination of titles, excerpts or contents. These can be determined individually for each instance of Search Live’s shortcode or widget.
Search Live supplies results from posts, pages and other public post types.
Search Live fully supports multilanguage sites with <a href="https://wpml.org" rel="nofollow ugc">WPML</a>.
We are working on an extended version that will provide enhanced features. If you would support our work using a premium version, we would love to hear from you. Please share your enthusiasm by leaving a comment on the <a href="https://www.itthinx.com/plugins/search-live/" rel="nofollow ugc">Search Live</a> page, follow <a href="https://twitter.com/wpsearchlive" rel="nofollow ugc">@wpsearchlive</a> and browse our <a href="https://www.itthinx.com/shop/" rel="nofollow ugc">Shop</a>.
<h3>Feedback</h3>
Feedback is welcome!
If you need help, have problems, want to leave feedback or want to provide constructive criticism, please do so here at the <a href="https://www.itthinx.com/plugins/search-live/" rel="nofollow ugc">Search Live</a> plugin page.
Please try to solve problems there before you rate this plugin or say it doesn’t work. There goes a lot of work into providing you with quality plugins!
Please help with your feedback and we’re also grateful if you help spread the word about this plugin.
Thanks!
<h4>Twitter</h4>
Follow <a href="https://twitter.com/wpsearchlive" rel="nofollow ugc">@wpsearchlive</a> for updates on this plugin. 
Follow <a href="https://twitter.com/itthinx" rel="nofollow ugc">@itthinx</a> on Twitter for updates on this and other plugins.
<h3>Translations</h3>
Brazilian Portuguese translation by <a href="http://henriquevianna.com/" rel="nofollow ugc">Henrique Avila Vianna</a>.
Many thanks for your help!
If you would like to have your translation added, please <a href="https://www.itthinx.com/contact/" rel="nofollow ugc">contact</a> us.

Search Live

Search Live supplies integrated live search facilities and advanced search features.

jameelbokhari

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 <a href="http://www.jameelbokhari.com/awesome-instant-search/" rel="nofollow ugc">my full tutorial</a> 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, <a href="http://www.jameelbokhari.com/awesome-instant-search/" rel="nofollow ugc">see my full tutorial</a>.
<h4>The Essentials</h4>
Essentially, you need to configure three settings.
<ul>
<li>Search Field Selector</li>
<li>Page Content Selector</li>
<li>Search result selector</li>
</ul>
If you know your <code>HTML</code> pretty well, here’s what to do: Assign Search Field Selector to the class or ID of your search field(s) in your website. The default <code>input[name="s"]</code> should work for any website.
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 <code>CSS</code> selector. So for example <code>#content</code>. Just like with CSS you can be more specific when you need to, e.g., <code>#main #content .container</code> and so on. Keep in mind, this content will be hidden on the current page where the search is performed.
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 <code>#content</code> as your Page Content Selector, you would use <code>#content .hentry</code> as your Search Result Selector.
These are the three most important settings. After you get these, go ahead and test it out or play with the other settings.
<h4>Other Settings</h4>
Search URL is where the search results appear. This is your wordpress website’s domain with the letters <code>?=s</code> appended to it — e.g., http://www.example.com?=s 
This shouldn’t need to be changed but is there just in case you ever need to change it.
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 <code>CSS</code> selectors, use it to hide comments, page navigation and other extraneous elements when searching.
Before Instant Results is <code>HTML</code> to appear before the Instant Search results. Use the tag %%SEARCH_TERM%% to print the search term, e.g., <code><h3>Search results for: "%%SEARCH_TERM%%"</h3></code> might show up as <code><h3>Search results for: "Contact Info"</h3></code> on your page.
Theme Quick Settings Quickly access default settings for twentyten, twentytwelve, and twentythirteen.
<h4>Translation</h4>
<ul>
<li>Español <a href="http://www.webhostinghub.com/" rel="nofollow ugc">Maria Romos with Web Hosting Hub</a>.</li>
</ul>

Awesome Instant Search

Awesome Instant Search integrate Instant Search to ANY wordpress website.

Search Live vs Awesome Instant Search