1

我正在使用带有 Bootstrap 的 Wordpress 下拉菜单(http://astronautweb.co/2012/10/wordpress-dropdown-bootstrap/)。我已将此添加到我的 Wordpress 主题中。

我必须在 wp_nav_menu 中的 div 关闭之前将社交共享图标 div 添加到代码中。否则,navbar-right div 会关闭。如何将其添加到 wp_nav_menu?我的意思是如果我想添加其他内容或更多内容该怎么办?例如,如果我想在 wp_nav_menu 创建的 div 关闭之前添加“Hello”,我该怎么做?

<?php
            wp_nav_menu( array(
                'menu'              => 'primary',
                'theme_location'    => 'primary',
                'depth'             => 2,
                'container'         => 'div',
                'container_class'   => 'collapse navbar-collapse navbar-ex1-collapse',
                'menu_class'        => 'nav navbar-nav',
                'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                'walker'            => new wp_bootstrap_navwalker())
            );
        ?>

        <div class="navbar-right">
                <button type="button" class="btn btn-twitter navbar-btn"><i class="icon-twitter"></i></button>
                <button type="button" class="btn btn-facebook navbar-btn"><i class="icon-facebook"></i></button>
                <button               type="button" class="btn btn-foursquare navbar-btn"><i class="icon-foursquare"></i></button>
        </div>
4

1 回答 1

0

我看到你列出的教程正在使用我的 walker 类,这应该很容易。最好的办法是将wp_nav_menu()容器设置为 false 并手动包装菜单。我可能会将社交部分添加为单独的部分,wp_nav_menu()因此它不会被硬编码到主题中。

<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="<?php bloginfo('url'); ?>">
                <?php bloginfo('name'); ?>
            </a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <?php
                wp_nav_menu( array(
                    'menu'       => 'primary_menu',
                    'theme_location' => 'primary_menu',
                    'depth'      => 2,
                    'container'  => false,
                    'menu_class' => 'nav navbar-nav',
                    'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
                    'walker' => new wp_bootstrap_navwalker())
                );

                wp_nav_menu( array(
                    'menu'       => 'social_menu',
                    'theme_location' => 'social_menu',
                    'depth'      => 2,
                    'container'  => false,
                    'menu_class' => 'nav navbar-nav navbar-right',
                    'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
                    'walker' => new wp_bootstrap_navwalker())
                );
            ?>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
于 2014-02-24T17:27:10.753 回答