Add Custom Navigation Menu to WordPress Theme

Navigation Menu

To add a custom navigation menu to a WordPress theme through code, you can follow these steps:

  1. Register your menu location. This is done by adding the following code to your theme’s functions.php file:
function my_custom_menu() {
  register_nav_menu('my-custom-menu', 'My Custom Menu');
add_action('init', 'my_custom_menu');

This will register a new menu location called my-custom-menu. You can change the name of the menu location to anything you want.

  1. Create your menu. Go to Appearance > Menus in your WordPress dashboard and click the Create New Menu button. Enter a name for your menu and click Create Menu.

  2. Add menu items to your menu. You can add pages, posts, categories, and other links to your menu. To add an item, click the Add Items button and select the type of item you want to add.

  3. Arrange your menu items. Once you have added all of your menu items, you can arrange them in the order that you want them to appear. To do this, drag and drop the items into the desired order.

  4. Assign your menu to the menu location. Click the Save Menu button. Then, click the Manage Locations tab and select the my-custom-menu location from the dropdown menu. Click Save Changes.

  5. Add the menu code to your theme template file. Open the template file where you want your menu to appear and add the following code:

<?php wp_nav_menu( array( 'theme_location' => 'my-custom-menu' ) ); ?>

Replace my-custom-menu with the name of the menu location that you registered in step 1.

  1. Save your theme template file and upload it to your WordPress site.

Once you have completed these steps, your custom navigation menu will appear in your theme template file.


To add a custom navigation menu to your theme’s header, you would add the following code to the header.php file:

<?php wp_nav_menu( array( 'theme_location' => 'my-custom-menu' ) ); ?>

Assuming that you have registered a menu location called my-custom-menu and created a menu called “My Custom Menu”, this code will display that menu in your theme’s header.

Additional tips:

  • You can add multiple menus to your theme and register multiple menu locations.
  • You can customize the appearance of your navigation menu by adding CSS styles to your theme’s stylesheet.
  • You can also use plugins to add more features to your WordPress navigation menus, such as mega menus and sticky menus.

If you are having trouble adding a custom navigation menu to your WordPress theme through code, you can consult the WordPress documentation or contact your WordPress hosting provider for assistance.

Best WordPress Security Plugins

Previous article

How To Login into WordPress?

Next article

You may also like


Leave a reply

Your email address will not be published. Required fields are marked *

More in WordPress