如何用WordPress菜单编辑Bootstrap navbar的品牌

Question

我已经使用WordPress-Bootstrap nav walker创建了一个带有WordPress自定义主题的Bootstrap navbar。

下面是WordPress菜单代码：

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

我想做的是编辑引导navbar的'brand'部分，这样，源代码输出将包括navbar上的品牌链接的如下内容：

<a href="index.php"><img class="navbar-brand" src="logo.png"></a>

目前它有默认的引导“brand”文本。我如何用上面的WordPress代码编辑这个？

Answer 1

非常容易：

<a class="navbar-brand" href="<?php bloginfo('url'); ?>"><img class="logo" src="<?php bloginfo('template_directory'); ?>/images/logo.png" alt="" /></a>

navbar-brand类用于A元素，而不是链接。此外，这个元素在navbar-walker之外。例如，要在上下文中查看它：

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
          <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <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'); ?>"><img class="logo" src="<?php bloginfo('template_directory'); ?>/images/logo.png" alt="" /></a>
            </div>


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

（注意，这段代码是我做的一个站点的快速示例，您可以根据自己的需要进行修改，因为我不知道您的整个代码）