Primary

Widgets

Search Live Widget in a SidebarSearch Live provides a widget for sidebars which can be customized easily to produce the desired search results. You can use one or more instances on the same or on different pages.

Go to Appearance > Widgets and drag the Search Live widget to the desired sidebar.

The widget has several settings which will be detailed below, among these are options to search in titles, excerpts and post contents, how search results are sorted and whether to display thumbnails for each post.
Screen Shot 2015-10-02 at 14.09.58

You can also add the Search Live widget from the WordPress customizer.

Click the button “Add a Widget” and get an effective search tool for your site.

Configuration Settings

Search Results

By default this plugin searches in titles, excerpts and contents. It displays up to 10 results in a descending date order.
Screen Shot 2015-10-03 at 15.45.03

Easy configuration options are available using the Search Live widget:

  • Search results should include matches in titles and/or excerpts and/or content.
  • Results can be ordered by date, title, ID or randomly.
  • Select if you want results to be displayed in ascending or descending order.
  • You can determine an unlimited number of results to show. (Note that this will be limited by the screen size).
  • You can select “show thumbnails” option to display the post feature image when set. Go to Thumbnails section to adjust the size.
  • You can select this option to display a short description of your posts or the manual excerpts. It shows 55 words by default, go to General Settings to adjust the number of words according to your needs.

Search Form and UI Interaction

By default the search delays half a second, 1 character it’s required to start a search, results displayed are navigable, with a dynamic focus and they auto-adjust to the search field width.

Search Form and UI Interaction

Further configuration options are available using the Search Live widget.

  • You can determine the delay until the search starts after the user stops typing. Note that there’s a minimum of 250 milliseconds.
  • You can determine the minimum number of characters the visitor must write to start a search.
  • If the Enter key is not inhibited, a normal search is requested when the visitor presses it in the search file.
  • If enabled, the visitor can use the cursor keys to navigate through the search results and visit a search result link by pressing the Enter key.
  • You can edit the placeholder text for the search file.
  • You can customize the tooltip text that is shown when the cursor hovers over the search field.
  • You can select to show a submit button along with the search field and edit the label text.
  • You can enable the dynamic focus option to show search results when the search input field gains focus. When disabled it will hide search results when the search input field loses focus.
  • You can select the floating results option to show results floating below the search field.
  • Screen Shot 2015-10-03 at 17.28.07You can edit the text shown when no search results are obtained.
  • You can automatically adjust the width of the results to match that of the search field.

It doesn’t need configuration

Screen Shot 2015-10-03 at 15.21.40If you prefer to use the WordPress search form instead and yet benefit of Search Live improvements, just activate the plugin and start using it!

Screen Shot 2015-10-03 at 15.32.37