Heighlights search
The next few lines of code wrap all the keywords currently being searched for in the <strong class="search-keyword"></strong>
tag.
The code can be inserted into function.php
in your template. Or you can paste it directly into search.php
somewhere just after the get_header()
function call. The assumption, of course, is that you are using the
standard WordPress search functions.
function searchHeighlight($text) { $keys = explode(" ", get_search_query()); $text = preg_replace( '/('.implode('|', $keys) .')/iu', '<strong class="search-keyword">\0</strong>', $text ); return $text;}
add_filter('the_title','searchHeighlight');add_filter('the_content','searchHeighlight');add_filter('the_excerpt','searchHeighlight');
then just add follow code to your css:
.search-keyword { background: #f3ff0f !important; color: #000 !important;}
The result is a small, but useful, improvement in search results that costs you almost no effort.