How to Highlight Search Results in WordPress

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

Watch the video how to Highlight Search Results in WordPress
Spread the love

Published by skyboot

Skybootstrap is a web Design and Development service provider. Our Service: WordPress Theme Development | PSD to WordPress | Dropshipping Store Create | Shopify Store Create | Wp Error Fix | Contact Form | Landing Page Create | Bootstrap Landing Page .