如何使用WordPress菜單編輯Bootstrap導航欄的品牌

Question

我已經使用WordPress-Bootstrap導航器創建具有WordPress自定義主題的Bootstrap導航欄。

這是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())
        );
    ?>

我想要做的是編輯引導導航欄的“品牌”部分，以便源代碼輸出將包括以下導航欄上的品牌鏈接：

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

當前，它具有默認的Bootstrap“品牌”文本。 如何使用上面的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>

（請注意，這段代碼是我做過的網站的一個快速示例，您可以根據自己的需要進行修改，因為我不知道您的完整代碼）