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

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

点击下载

我有使用Divi主题的wordpress + woocommerce网站。我使用自定义页面构建器构建的所有divi页面, 但不能在帖子或singe-product.php页面上使用。在大多数页面中, 我使用divi builder(类似于shortcode元素)添加了自定义菜单, 并且希望将其添加到产品页面中, 但我不知道如何做。

我已经试过了:

 <?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’=>’$ 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/另一个。


#1


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


#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' ) ); ?>
赞(0)
未经允许不得转载:srcmini » wordpress在主题样式中显示自定义菜单

评论 抢沙发

评论前必须登录!