2

我正在尝试使用is_page()功能设置活动链接的样式。它适用于第一个导航项目。但是当我单击“om”链接时，它将获得样式，但“hem”的样式仍然存在。但是，当我单击“博客”和“教程”链接时，这些链接都没有任何样式。

这是我在 header.php 中的代码。

<nav>
   <button class="menuButton">Meny</button>
      <div class="menu">
      <a href="#" class="closebtn">x</a>
      <ul>
         <h2>Meny</h2>
         <li class="<?php if (is_page("")) { echo "active-page"; } ?>"><a href="<?php echo site_url(''); ?>">Hem</a></li>
         <li class="<?php if (is_page("/om")) { echo "active-page"; } ?>"><a href="<?php echo site_url('/om'); ?>">Om</a></li>
         <li class="<?php if (is_page("/blogg")) { echo "active-page"; } ?>"><a href="<?php echo site_url('/blogg'); ?>">Blogg arkiv</a></li>
         <li class="<?php if (is_page("/tutorial")) { echo "active-page"; } ?>"><a href="<?php echo site_url('/tutorials'); ?>">Tutorials arkiv</a></li>
      </ul>
      </div>
</nav>

这是使用该is_page()功能的错误方式吗？我在这里有点迷路了。应用的样式只是一个简单的text-decoration: underline;CSS 样式。

4

1 回答 1

0

尝试这个

<nav>
       <button class="menuButton">Meny</button>
          <div class="menu">
          <a href="#" class="closebtn">x</a>
          <ul>
             <h2>Meny</h2>
             <li class="<?php if (is_page("")) { echo "active-page"; } ?>"><a href="<?php echo site_url(''); ?>">Hem</a></li>
             <li class="<?php if (is_page("om")) { echo "active-page"; } ?>"><a href="<?php echo site_url('/om'); ?>">Om</a></li>
             <li class="<?php if (is_page("blogg")) { echo "active-page"; } ?>"><a href="<?php echo site_url('/blogg'); ?>">Blogg arkiv</a></li>
             <li class="<?php if (is_page("tutorial")) { echo "active-page"; } ?>"><a href="<?php echo site_url('/tutorials'); ?>">Tutorials arkiv</a></li>
          </ul>
          </div>
    </nav>
于 2019-08-28T05:50:21.650 回答