如何只在某个页面上显示Wordpress二级菜单？

Question

I have added my secondary menu on my function.php file and WordPress also allowed me to choose the secondary menu. The problem is both menu bar appeared at the same time so i have double menu bar on the top of my home page and also my about us page. What I'm try to do is show my primary menu bar only in my main home page, and show secondary menu on my about us page, services page, etc... How can i fix it?

function.php file

register_nav_menus( array(
        'primary' => esc_html__( 'Primary', 'themename' ),
        'secondary' => __( 'Secondary Menu', 'themename' ),
    ) );

Header.php file

    <?php if ( has_nav_menu( 'primary' ) 

       'theme_location'    => 'secondary',
       'container'          => 'nav',
       'container_class'    => 'navbar navbar-default',
       'menu_class'        => 'nav navbar-nav navbar-right'
; ?>
        <?php
    if ( has_nav_menu( 'secondary_navigation_menu' ) ) {
         wp_nav_menu( array( 'theme_location' => 'secondary_navigation_menu' ) );
    } ?>

        <?php if ( is_home() ): ?>
<?php if ( has_nav_menu( 'primary' ) : ?>
     //primary menu
<?php endif; ?>
<?php endif; ?>

P.S. Both of my menu bar are different CSS.

Your help will be appreciated!

Answer 1

Use the built in conditionals Wordpress provides:

• is_home() - https://developer.wordpress.org/reference/functions/is_home/
• is_front_page() - https://codex.wordpress.org/Function_Reference/is_front_page

If you have set your home page to display your latest posts then you should use is_home(), if you've set your home page as the front page through Reading > Settings > Front page displays, then you should use is_front_page().

Wrap those menu functions in a conditional statement that's applicable to your case.

You could also combine them:

<?php 
    if ( !(is_front_page() || is_home()) ) {
       wp_nav_menu( array( 
       'theme_location'    => 'secondary',
       'container'          => 'nav',
       'container_class'    => 'navbar navbar-default',
       'menu_class'        => 'nav navbar-nav navbar-right'
       ) ); 
    }

?>

The above conditional statement will return true if the page in question isn't the home page or the front page.

You can also use the is_page() conditional tag to check any other page.

• is_page() - https://developer.wordpress.org/reference/functions/is_page/

This function allows you to pass an optional parameter in its parenthesis to target a specific page, or number of pages using (int|string|array) Page ID, title, slug, or array.