WordPress, the versatile CMS powering over one-fifth of the entire web has only a few weak points to talk about. Its built-in search is one such feature that limits its capabilities to a great extent.
The search is too vague to be of much use and leaves most users baffled. Would not it be wonderful if you had a tool or custom code to bolster up its search function so that your site visitors get a great experience every single time they visit your site and optimally use the search function of your site! Here are some useful WordPress code snippets to do that.
1. Exclude Pages or Posts
In case you want certain pages or posts to be excluded from the results page, you can copy and paste this code in the functions.php file. This code excludes categories with ids 0 and 1 from search results. Specify the appropriate categories to suit your needs.
1 2 3 4 5 6 7 | function SearchFilter($query) { if ($query->is_search) { $query->set('cat','0,1'); } return $query; } add_filter('pre_get_posts','SearchFilter'); |
2. If there is only one post, redirect to it by default
If there is only one post, you would want your visitors to be directed to it by default. Use the following code to achieve this purpose:
1 2 3 4 5 6 7 8 9 | add_action('template_redirect', 'redirect_single_post'); function redirect_single_post() { if (is_search()) { global $wp_query; if ($wp_query->post_count == 1) { wp_redirect( get_permalink( $wp_query->posts['0']->ID ) ); } } } |
3. Search Form with Drop Down having categories
It would be great if you could limit your search to a specific category. The following code will help in adding a drop down form with all the categories.
1 2 3 4 5 6 7 8 | < form role="search" method="get" id="searchform" action="<?php bloginfo('siteurl'); ?>"> <div> <label class="screen-reader-text" for="s">Search for:</label> <input type="text" value="" name="s" id="s" /> in <?php wp_dropdown_categories( 'show_option_all=All Categories' ); ?> <input type="submit" id="searchsubmit" value="Search" /> </div> </form> |
4. Show the number of Results
While performing search on a WordPress blog, the number of results obtained is not shown on the search page. The following code:
1 | <h2 class="pagetitle">Search Results</h2> |
in the search.php file needs to be replaced with this code:
1 2 3 4 5 6 7 8 9 10 | <h2 class="pagetitle">Search Results for <?php /* Search Count */ $allsearch = &new WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1); $count = $allsearch->post_count; _e(''); _e('<span class="search-terms">'); echo $key; _e('</span>'); _e(' — '); echo $count . ' '; _e('articles'); wp_reset_query(); ?></h2> |
5. Specify a particular post type for searching
One can search specific post types using a simple code snippet that can be added to the functions.php file:
1 2 3 4 5 6 7 | function SearchFilter($query) { if ($query->is_search) { // Insert the specific post type you want to search $query->set('post_type', 'feeds'); } return $query; } |
// This filter will jump into the loop and arrange our results before they're returned
1 | add_filter('pre_get_posts','SearchFilter'); |
6. Enlight searched text
Searched text can be enlightened using a simple code snippet. In the search.php file, replace the_title() function with echo $title;
Now, add this snippet just before the code you just added:
1 2 3 4 5 6 7 | <?php $title = get_the_title(); $keys= explode(" ",$s); $title = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-excerpt">\0</strong>', $title); ?> |
7. Use jQuery to highlight search terms
The following code snippet can be used for highlighting search terms to help users.
1 2 3 4 5 6 7 8 9 10 11 | function hls_set_query() { $query = attribute_escape(get_search_query()); if(strlen($query) > 0){ echo ' <script type="text/javascript"> var hls_query = "'.$query.'"; </script> '; } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | function hls_init_jquery() { wp_enqueue_script('jquery'); } add_action('init', 'hls_init_jquery'); add_action('wp_print_scripts', 'hls_set_query'); And then add this code into your header.php file, just before the /head tag: <style type="text/css" media="screen"> .hls { background: #D3E18A; } </style> <script type="text/javascript"> jQuery.fn.extend({ highlight: function(search, insensitive, hls_class){ var regex = new RegExp("(<[^>]*>)|(\\b"+ search.replace(/([-.*+?^${}()|[\]\/\\])/g,"\\$1") +")", insensitive ? "ig" : "g"); return this.html(this.html().replace(regex, function(a, b, c){ return (a.charAt(0) == "<") ? a : "<strong class=\""+ hls_class +"\">" + c + "</strong>"; })); } }); jQuery(document).ready(function($){ if(typeof(hls_query) != 'undefined'){ $("#post-area").highlight(hls_query, 1, "hls"); } }); </script> |
8. Limit the number of posts per page
By default, WordPress displays 10 posts per page. If you wish to change this number, you can add the following code to your functions.php file:
1 2 3 | function limit_posts_per_search_page() { if ( is_search() ) set_query_var('posts_per_archive_page', 20); |
The number in line number three can be changed to any value suitable to you.
9. Make the WordPress search unlimited
WordPress happens to display up to 10 posts by default. You can make your WordPress search unlimited by replacing the following code in search.php by the snipped provided below.
Replace:
1 2 | <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> |
With this:
1 2 3 | <?php $posts=query_posts($query_string . '&posts_per_page=-1'); ?> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> |
10. Completely shut down WordPress Search
It is even possible to completely shut down WordPress search. Copy this code into your functions.php file to achieve this purpose:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | function fb_filter_query( $query, $error = true ) { if ( is_search() ) { $query->is_search = false; $query->query_vars[s] = false; $query->query[s] = false; // to error if ( $error == true ) $query->is_404 = true; } } add_action( 'parse_query', 'fb_filter_query' ); add_filter( 'get_search_form', create_function( '$a', "return null;" ) ); |
Subscribe to our newsletter and access exclusive content and offers available only to MonsterPost subscribers.
Leave a Reply
You must be logged in to post a comment.