Question

我正在尝试使用is_page()函数设置活动链接的样式。它适用于第一个导航项。但是，当我单击“ om”链接时，它将获得样式，但“ hem”的样式仍然存在。但是，当我单击“ blogg”和“ tutorial”链接时，所有链接都没有任何样式。

这是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样式。

Answer 1

尝试一下

<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（）显示当前活动页面

1 个答案: