Back to Top

How to Change Parent Menu Class in WordPress

How to Change Parent Menu Class in WordPress

Hello guys, Today I come with one very small and useful solution of WordPress. WordPress is very popular CMS platform in PHP and provides extremely useful feature is hooks which are very important when you want to customize your WordPress developed functionalities.

Menu navigation is an important part of any site development. Sometimes you want to add a custom class in the output menu in the WordPress as per your project requirement. So, you can change the menu class easily by applying parameter in wp_nav_menu function but it changes the all menu class.What if you have a hierarchical menu? and you only want to apply the class to parent menu then? At that time you need to write the custom code which will apply the class to the parent menu only.

Here I am going to share about to change the menu with the class name of children or submenu. And you know WordPress provides the hook for that also so you can do it very easy manner.

So, Let us check out code and get into the depth

The filter name is wp_nav_menu_objects using that you can find and customize the current menu items.This filter first view at the filter value before calling wp_nav_menu and find information on current menu item such as menu ID, title, class or URL, etc. recorded in a global variable.Once the call the menu using the wp_nav_menu function, it will use settings set using wp_nav_menu_objects filter to display the information.

That’s it.Isn’t it easy and understandable? You just need place filter and function into your theme’s functions.php file and you are ready to go.

This function adds the class to the parent menu if menu contains a submenu but you can modify as you want.This function will check if menu contains a submenu and it is parent menu then it will add the class to this menu.

You can add this function and modify as you want. Like you can add class to the submenu or activate submenu.

Hope this function will be useful to you.Share your comments or suggestions to improve this article or may be another super easy method to achieve this.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Most Popular Posts

How to setup Facebook PageTab Popup

Posted on 11 years ago

Bhumi

How to create Custom regions in Drupal

Posted on 11 years ago

Bhumi