Question

我有使用Divi主题的wordpress + woocommerce网站。我使用自定义页面构建器构建的所有divi页面，但它可以在posts或singe-product.php页面上使用。在大多数页面中，我使用divi builder添加了自定义菜单（它就像短代码元素），我想将它添加到产品页面，但我无法弄清楚如何。

我试过这个：

 <?php echo do_shortcode('[et_pb_section admin_label=”Section” fullwidth=”on”        specialty=”off”][et_pb_fullwidth_menu admin_label=”Fullwidth Menu” menu_id=”35″ background_color=”#ffffff” background_layout=”light” text_orientation=”left” submenu_direction=”downwards” fullwidth_menu=”off” dropdown_menu_animation=”fade”] [/et_pb_fullwidth_menu][/et_pb_section]
'); ?>

但我不知道为什么它会显示主菜单（menu_id =“35”是自定义的）

我想到的另一个选项是wp_nav_menu（array（'menu'=＆gt;'$ custom'））; 但我无法弄清楚如何将它包装到所有这些divi类中。

这是菜单的HTML代码

<div class="et_pb_section et_pb_fullwidth_section  et_pb_section_0 et_section_regular et_pb_scroll_0">



                    <div class="et_pb_fullwidth_menu et_pb_module et_pb_bg_layout_light et_pb_text_align_left et_dropdown_animation_fade  et_pb_fullwidth_menu_0" style="background-color: #ffffff;" data-bg_color="#ffffff">
                <div class="et_pb_row clearfix">
                    <nav class="fullwidth-menu-nav"><ul id="menu-xbox" class="fullwidth-menu nav downwards" style="background-color: rgb(255, 255, 255);"><li id="menu-item-222" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-222"><a href="http://gamehub.lt/xbox/xbox-one/">Xbox One</a></li>
<li id="menu-item-219" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-219"><a href="http://gamehub.lt/xbox/xbox-360/">Xbox 360</a></li>
<li id="menu-item-221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-221"><a href="http://gamehub.lt/xbox/games/">Games</a></li>
<li id="menu-item-220" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-220"><a href="http://gamehub.lt/xbox/accessories/">Accessories</a></li>
</ul></nav>
                    <div class="et_mobile_nav_menu">
                        <a href="#" class="mobile_nav closed">
                            <span class="mobile_menu_bar"></span>
                        <ul id="mobile_menu1" class="et_mobile_menu" style="background-color: rgb(255, 255, 255);"><li id="menu-item-222" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-222 et_first_mobile_item"><a href="http://gamehub.lt/xbox/xbox-one/">Xbox One</a></li>
<li id="menu-item-219" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-219"><a href="http://gamehub.lt/xbox/xbox-360/">Xbox 360</a></li>
<li id="menu-item-221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-221"><a href="http://gamehub.lt/xbox/games/">Games</a></li>
<li id="menu-item-220" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-220"><a href="http://gamehub.lt/xbox/accessories/">Accessories</a></li>
</ul></a>
                    </div>
                </div>
            </div>

            </div>

我是wordpress的新手，这是我的第一个网站。菜单根据产品类别而有所不同。这是链接http://gamehub.lt/xbox/xbox-one/菜单之一 http://gamehub.lt/playstation/playstation-4-2/另一个。

Answer 1

嗨你可以直接在header.php上粘贴短代码使用php做短代码，你可以在所有页面上获取菜单并隐藏主题菜单。这是在所有页面上获取自定义菜单的最简单方法。

Answer 2

很抱歉，如果我不理解您的问题，但我的理解是您希望在主题中显示自定义菜单。

首先，您需要在functions.php上注册导航菜单，您可以使用该代码注册新菜单：

function register_my_menu() {
  register_nav_menu('header-menu',__( 'Header Menu' ));
}
add_action( 'init', 'register_my_menu' );

之后，您需要在主题标题中显示新菜单，您可以使用该代码：

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

wordpress在主题样式中显示自定义菜单

2 个答案: