Highlight Search Terms Wordpress Plugin is used by 120 websites. Among 120, 0 site is within top 10,000 and 3 sites are within top 100,000 websites.
Wordpress Plugin Information of
|Plugin Meta Name||Plugin Meta Information|
|Plugin Description||Very lightweight jQuery script that wraps search terms in an HTML5 mark tag when referer is a search engine or within wp search results.|
|Detail Plugin Description||
Highlights search terms using jQuery when referer is a search engine or within WordPress generated search results. This plugin is a light weight, low resource demanding and very simple fusion between How to Highlight Search Terms with jQuery - theme hack by Thaya Kareeson and Search Hilite by Ryan Boren, with some optimisations and updated to support HTML5.
NOTE: to make the highlights visible in browsers that do not support HTML5 like Internet Explorer 8 or older you will have to define at least one CSS hilite styling! Read on below So what do I need to do? and Installation for more detailed instructions. You can find CSS examples in Other Notes.
What does it do?
This low impact plugin uses only two action hooks, wp_header where it needs to define some variables and wp_footer to insert the jQuery library (included in your WordPress package; only if not already loaded) and to add the hilite jQuery extension to your page source code. The jQuery extension that runs after the page has loaded, finds all search terms on that page inside each div with class
What does it NOT do?
There are no CSS style rules set for highlighting. You are free to use any styling you wish but to make the highlights visible in browsers that do not support HTML5 like Internet Explorer 8 or older you absolutely need to define at least one rule. Modern HTML5 browsers will use their own highlighting style by default, which usually is a yellow marker style background.
So what do I need to do?
In most cases, it should just work. But you can do two things to ensure backward browser and theme compatibility:
1. Define CSS rules: There are no configuration options and there is no predefined highlight styling. You are completely free to define any CSS styling rules in your themes main stylesheet (style.css) or use any Custom CSS plugin like Custom CSS to get a result that fits your theme best. You can find basic instructions and CSS examples under the Other Notes tab.
2. Check your theme: In most up to date themes (including WP's own default theme) post and page content is shown inside a div with class
Wordpress Official Plugin Repository