• Home
  • Archive
  • Tools
  • Contact Us

The Customize Windows

Technology Journal

  • Cloud Computing
  • Computer
  • Digital Photography
  • Windows 7
  • Archive
  • Cloud Computing
  • Virtualization
  • Computer and Internet
  • Digital Photography
  • Android
  • Sysadmin
  • Electronics
  • Big Data
  • Virtualization
  • Downloads
  • Web Development
  • Apple
  • Android
Advertisement
You are here: Home » Search in WordPress Navigation Menu : Easy Way to Add

By Abhishek Ghosh August 3, 2012 5:46 pm Updated on August 3, 2012

Search in WordPress Navigation Menu : Easy Way to Add

Advertisement

Search in WordPress Navigation Menu is probably a wanted feature, many other CMS and Forum Softwares has it by default. Add Search in WordPress Nav Menu easily. Adding a Search in WordPress Navigation Menu was not easy by default as the custom Navigation function was not present in WordPress in older versions.

 

History of this Search in WordPress Navigation Menu

 

There are many ways to add Search in WordPress Navigation Menu. The various ways has advantages and disadvantages. This method the standard function of WordPress used to search – get_search_form().

This means, adding Search in WordPress Navigation Menu in this way will probably work for any Theme Framework, if properly modified, which is basically easy.

Advertisement

---

 

Adding Search in WordPress Navigation Menu

 

Straightforwardly, coming to the steps needed for adding a Search in WordPress Navigation Menu, you need practically no tool. Better if it is tested on your not so important website. The function and the call is to the functions.php of the current theme. For the default themes and properly arranged premium WordPress Themes, there should be one functions.php and one CSS file, style.css 

This is the needed code which should be added in theme’s functions.php file to get Search in WordPress Navigation menu:

 

Vim
1
2
3
4
5
6
function fb_add_search_box ( $items, $args ){
if( 'primary' === $args -> theme_location )
$items .= '<li>' . get_search_form( FALSE ) . '';
return $items;
}
add_filter( 'wp_nav_menu_items', 'fb_add_search_box', 10, 2 );

 

 

This is another piece of code for adding Search in WordPress in nav menu, do not use both.

 

Vim
1
2
3
4
5
6
7
8
9
10
11
12
add_filter('wp_nav_menu_items','add_search_box', 10, 2);
function add_search_box($items, $args) {
 
ob_start();
get_search_form();
$searchform = ob_get_contents();
ob_end_clean();
 
$items .= '<li>' . $searchform . '</li>';
 
return $items;
}

 

Adding the code will add Search in WordPress Navigation Menu. There are few extra steps.

First, go to to Appearance > Theme Editor and find the functions.php file and Edit it :

 

Search in WordPress Navigation Menu

 

Save it. Please note that, I have not invented this way to add Search in WordPress Navigation Menu. Probably a WordPress user on forum wrote this code and later others modified it.

 

Please note that, adding the code for Search in WordPress Navigation Menu within WordPress Editor can break the Theme. In that case, go to FTP and find the functions.php file and look at the end of the code. Usually bizarre words are added while adding code for Search in WordPress Navigation Menu if the theme is active.

 

Now, it might happen that, the search is a bit left aligned. You need to adjust the style.css file for customizing Search in WordPress Navigation Menu with CSS.

 

Signature Tagged With fb_add_search_box customize , https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1831 S2BYKaATgB7v4bDrJKN4tXxm-EIdLH470l-1j5Ca2DwjB3rEaKVFG6-VHgOELkOd ac6797c75857b29b612a8b28734cd1a89e83fc0a&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme

This Article Has Been Shared 770 Times!

Facebook Twitter Pinterest
Abhishek Ghosh

About Abhishek Ghosh

Abhishek Ghosh is a Businessman, Surgeon, Author and Blogger. You can keep touch with him on Twitter - @AbhishekCTRL.

Here’s what we’ve got for you which might like :

Articles Related to Search in WordPress Navigation Menu : Easy Way to Add

  • Making of WordPress theme : softwares and browsers addons

    List of the most useful tools needed for designing and coding a Wordpress theme.

  • Convert HTML to WordPress : Detailed Free Methods

    Convert HTML to WordPress following our free yet robust methods, you have to work a bit but the method to Convert HTML to WordPress is free and anyone can do.

  • Tips for chossing the right WordPress theme

    The appearance of the site in WordPress is crucial to the success of its project, many themes are available online, you can find a better or a worse. Here is a comprehensive list of tips to be followed for choosing the right Wordpress theme.

  • 66 possible topics for your blog

    Here are some topics to write blogs, which are almost guaranteed to give you good ranking in search engine result pages for long run, if you do care about SEO.

  • Find Your Facebook Fan Page ID and Facebook Profile ID Easily

    Find Your Facebook Fan Page ID and Facebook Profile ID Easily without messy URL lookup methods. Facebook itself has great systems to fetch the required ID.

Additionally, performing a search on this website can help you. Also, we have YouTube Videos.

Take The Conversation Further ...

We'd love to know your thoughts on this article.
Meet the Author over on Twitter to join the conversation right now!

If you want to Advertise on our Article or want a Sponsored Article, you are invited to Contact us.

Contact Us

Subscribe To Our Free Newsletter

Get new posts by email:

Please Confirm the Subscription When Approval Email Will Arrive in Your Email Inbox as Second Step.

Search this website…

 

Popular Articles

Our Homepage is best place to find popular articles!

Here Are Some Good to Read Articles :

  • Cloud Computing Service Models
  • What is Cloud Computing?
  • Cloud Computing and Social Networks in Mobile Space
  • ARM Processor Architecture
  • What Camera Mode to Choose
  • Indispensable MySQL queries for custom fields in WordPress
  • Windows 7 Speech Recognition Scripting Related Tutorials

Social Networks

  • Pinterest (22.1K Followers)
  • Twitter (5.8k Followers)
  • Facebook (5.7k Followers)
  • LinkedIn (3.7k Followers)
  • YouTube (1.3k Followers)
  • GitHub (Repository)
  • GitHub (Gists)
Looking to publish sponsored article on our website?

Contact us

Recent Posts

  • Ways To Make Sure Your Online Course Outshine Others July 3, 2022
  • Will Smart Factories Become the New Assembly Line? July 2, 2022
  • The Cost of Doing Business as a Handyman July 1, 2022
  • Samsung Galaxy S22 Ultra: Long Term Review June 30, 2022
  • How to Make the Most of Your S Pen (S22 Ultra) June 29, 2022

About This Article

Cite this article as: Abhishek Ghosh, "Search in WordPress Navigation Menu : Easy Way to Add," in The Customize Windows, August 3, 2012, July 4, 2022, https://thecustomizewindows.com/2012/08/search-in-wordpress-navigation-menu-easy-way-to-add/.

Source:The Customize Windows, JiMA.in

This website uses cookies. If you do not want to allow us to use cookies and/or non-personalized Ads, kindly clear browser cookies after closing this webpage.

Read Privacy Policy.

PC users can consult Corrine Chorney for Security.

Want to know more about us? Read Notability and Mentions & Our Setup.

Copyright © 2022 - The Customize Windows | dESIGNed by The Customize Windows

Copyright  · Privacy Policy  · Advertising Policy  · Terms of Service  · Refund Policy