How to Highlight Search Results in WordPress
Today i am showing How to Highlight Search Results in WordPress Website. Search results in WordPress are a very important part of the website. The user can easily find useful content on the website, if they know where to look for it.
Search results are a great way to show your visitors what they want. However, it’s not always possible to show them everything that they are looking for. This is especially true if you have a large number of keywords in your site.
Search results are a great way to show your visitors what they want. However, it’s not always possible to show them everything that they are looking for. This is especially true if you have a large number of keywords in your site.
Paste this code on your function.php file
// highlight search result
function skyboot_search_result_highlight($text){
if( is_search() ){
$pattarn = '/( '.join( '|', explode(' ', get_search_query( )) ).' )/i';
$text = preg_replace($pattarn, '<span class="search-excerpt">\0</span>', $text);
}
return $text;
}
add_filter( 'the_content', 'skyboot_search_result_highlight' );
add_filter( 'the_excerpt', 'skyboot_search_result_highlight' );
add_filter( 'the_titLE', 'skyboot_search_result_highlight' );
Paste this code on your css file
span.search-excerpt {
background-color:yellow;
color:red;
}
Watch the video how to Highlight Search Results in WordPress
