Recently one of our regular users ask if there was an easy way to add the WordPress search form in your post or page content using a shortcode. Well, the answer to that question is Yes. In this article, we will show you how to add the WordPress search form in your post or page content by creating a WordPress search shortcode.
All you have to do is open your themeβs functions.php file or a site-specific plugin and paste the following code:
add_shortcode(‘wpbsearch’, ‘get_search_form’);
Then use the shortcode in your post/page content like so: [wpbsearch]
This will display the default search form. If you want to display a custom search form, then you can do so like this:
function wpbsearchform( $form ) {
$form = ‘<form role=”search” method=”get” id=”searchform” action=”‘ . home_url( ‘/’ ) . ‘” >
<div><label class=”screen-reader-text” for=”s”>’ . __(‘Search for:’) . ‘</label>
<input type=”text” value=”‘ . get_search_query() . ‘” name=”s” id=”s” />
<input type=”submit” id=”searchsubmit” value=”‘. esc_attr__(‘Search’) .'” />
</div>
</form>’;
return $form;
}
add_shortcode(‘wpbsearch’, ‘wpbsearchform’);
We hope that article will help all those who wanted to create a search form shortcode in WordPress.