WordPress菜單將無法正確顯示

Question

我想在標題的中間有一個帶有徽標的拆分菜單。 我已經使用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">

有人可以幫忙弄清楚為什么這些菜單無法在正確的位置顯示嗎？ 我的移動菜單也不會顯示在移動設備上。

謝謝！

Answer 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' ) ); ?>

如果您想了解更多，只需將其搜索一下，示例代碼的來源

WordPress菜單將無法正確顯示

問題描述

1 個解決方案

解決方案1
1 已采納 2018-11-05 09:30:30

WordPress菜單將無法正確顯示

問題描述

1 個解決方案

解決方案1 1 已采納 2018-11-05 09:30:30

解決方案1
1 已采納 2018-11-05 09:30:30