Question

我正在使用Bootstrap 3，我只是将标题菜单添加到了首页。

header.php中的菜单代码：

<!-- Start Navbar -->
<nav class="navbar navbar-default">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header col-md-3">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#example-navbar-collapse" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="<?php echo esc_url(home_url('/')); ?>" class="navbar-brand">Home</a>
        <?php
            the_custom_logo();
        ?>
    </div><!-- .site-branding -->
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse col-md-9" id="example-navbar-collapse">
      <div class="form-con col-md-6">   
          <form class="navbar-form">
            <div class="form-group">
              <input type="text" class="form-control search" id="search" placeholder="Search">
            </div>
          </form>
      </div>    
      <ul class="nav navbar-nav navbar-right col-md-3">
        <li></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container -->
</nav>
<!-- End Navbar -->

该站点正在我的本地主机上运行，因此我无法共享指向真实网站的链接。

这是home元素的呈现html：

<a href="http://localhost/wordpress/" class="navbar-brand">Home</a>

我访问了另一个页面，并试图重定向到主页，但是该页面无法在任何页面上使用。

该部分的CSS几乎是Bootstrap样式的默认样式，我只是添加了一些样式，例如：

.navbar-brand{
    font-weight: bold;
    color: #eb1e01;
    font-size: 240%;
    line-height: 30px
}

引导程序样式：

.navbar-brand {
    margin-left: -15px;
    float: left;
    height: 50px;
    padding: 15px 15px;
}

@media (min-width: 768px)
    .navbar-toggle {
        display: none;
    }
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

为什么不重定向？旁边的按钮是否与徽标冲突？

Answer 1

您是否可能想将the_custom_logo()的输出也放置在锚点（链接）元素的内部？

当前您拥有：

<a href="<?php echo esc_url(home_url('/')); ?>" class="navbar-brand">Home</a>
    <?php
        the_custom_logo();
    ?>

但是也许您的意思是拥有：

<a href="<?php echo esc_url(home_url('/')); ?>" class="navbar-brand">
    Home
    <?php the_custom_logo(); ?>
</a>

为什么徽标文本未重定向到WordPress主页？

1 个答案: