How to display few menus using one function in WordPress?

Many users want to display a menu on their WordPress site in the footer. When they use menu function on WordPress, they want to show a lot of options. It’s a common practice to display a few menus in a footer. Please see an example below:

Instead of creating each menu code separately, we can code it once, using a DRY methodology. Below, you can find an example of a function displaying all menus, no matter how many of them we have.

How to display few menus using for each loop?

First of all, we have to define menu localization properly. In Crunch we can do it in this file: inc/nav-menus.php. Using the function presented below we can define as many menus as we want to.

if(function_exists('register_nav_menus')) {
            register_nav_menus(
                array(
                    'main_navigation' => 'Main Navigation',
                    'footer_navigation_1' => 'Footer Navigation 1',
                    'footer_navigation_2' => 'Footer Navigation 2',
                    'footer_navigation_3' => 'Footer Navigation 3',
                    'footer_navigation_4' => 'Footer Navigation 4',
                )
            );
}

Menus for our footer file

The keyword here is the footer which allows us to display only menus located in the footer.

In the next step, we have to paste the code presented below to our footer file.

$menus = get_registered_nav_menus(); // Get array with all menus
/* 
1. array_filter function allows us to choose menus with foooter location 
2. ARRAY_FILTER_USE_KEY parameter allows us to filter by array $menus key instead of value
*/
$footer_menus = array_filter($menus, function($element){
    if(strpos($element, 'footer') !== false) {
        return $element;
    }
}, ARRAY_FILTER_USE_KEY);

Displaying our menus

The last step is displaying our menus.

<?php foreach($footer_menus as $key => $footer_menu): ?>

    <div class="">
         <h3><?= wp_get_nav_menu_name($key);?></h3>
             <?php
                 wp_nav_menu([
                     'menu'            => $footer_menu,
                     'theme_location'  => $key,
                     'container_id'    => false,
                     'menu_id'         => false,
                     'depth'           => 2,
                 ]);
             ?>
     </div>

<?php endforeach; ?>