Highlight Search Terms in WordPress

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.

#PHP #WordPress #CSS