个性化阅读
专注于IT技术分析

WordPress菜单将无法正确显示

我想在标题的中间有一个带有徽标的拆分菜单。我已经使用Wordpress中的菜单工具创建了两个菜单, 但是当我选择”顶部菜单(左)”将此菜单分配到左侧时, 该菜单根本不会出现。与第二个菜单和”顶部菜单(右侧)”选项相同。他们只是不露面。如果我选择”主菜单”, 则它会显示, 但是在徽标的右侧。

我的header.php代码是这样的-

?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <?php lsx_head_top(); ?>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    <?php lsx_head_bottom(); ?>
    <?php wp_head(); ?>
    <style>
        .home-middle-block{
            border-left: 1px solid!important;
            border-right: 1px solid!important;
        } 
        .home-middle-block:before, .home-middle-block:after{
            border-bottom: 1px solid!important;
        }
    </style>
</head>

<body <?php body_class( 'lsx' ); ?>>
    <?php lsx_body_top(); ?>

    <div class="header-wrap">
        <?php //lsx_header_before(); ?>

        <header id="masthead" class="<?php lsx_header_classes(); ?>" role="banner">
            <?php lsx_header_top(); ?>

            <div class="row custom-header desktop-only">
                <div class="col-lg-5 right-menu" style="border-bottom: 1px solid;">
                    <?php //lsx_nav_menu_two(); ?>
                </div>
                <div class="col-lg-2 navbar-logo">
                    <?php lsx_nav_before(); ?>
                </div>
                <div class="col-lg-5 left-menu" style="border-bottom: 1px solid; overflow: hidden;">
                    <?php lsx_nav_menu(); ?>
                </div>
                <?php lsx_nav_after(); ?>
                <?php lsx_header_bottom(); ?>
            </div>

            <div class="row custom-header mobile-tab-only">
                <?php lsx_nav_before(); ?>
                <?php 
                if(has_nav_menu('mobile-menu')):
                    ?>
                    <nav class="primary-navbar collapse navbar-collapse">
                        <?php 
                        wp_nav_menu( array(
                            'theme_location'    => 'mobile-menu', 'depth'             => 3, 'container'         => false, 'menu_class'        => 'nav navbar-nav', 'walker'            => new LSX_Bootstrap_Navwalker(), ) );
                        ?>
                    </nav>
                    <?php
                endif;
                ?>
                <?php lsx_nav_after(); ?>
                <?php lsx_header_bottom(); ?>
            </div>
        </header>

        <?php lsx_header_after(); ?>
    </div>

    <div class="wrap container" role="document" tabindex="-1">
        <div class="content role row">

有人可以帮忙弄清楚为什么这些菜单无法在正确的位置显示吗?我的移动菜单也不会显示在移动设备上。

谢谢!


#1


这取决于你的主题如何处理菜单位置, 你应该查看模板文档或插入自定义代码, 以便根据需要自定义主题。

为此, 请将此代码添加到

function register_my_menus() {
  register_nav_menus(
    array(
      'new-menu' => __( 'New Menu' ), 'another-menu' => __( 'Another Menu' ), 'an-extra-menu' => __( 'An Extra Menu' )
    )
  );
}
add_action( 'init', 'register_my_menus' );

无论你想在哪里显示自定义菜单, 此代码

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

如果你想了解更多, 只需将其搜索一下, 示例代码的来源

赞(0)
未经允许不得转载:srcmini » WordPress菜单将无法正确显示

评论 抢沙发

评论前必须登录!