0

我刚刚构建了我的第一个 WordPress 主题，唯一我似乎无法解决的问题是如何告诉 WordPress 使菜单链接与页面上的类处于活动状态？这是我为静态页面编写的代码：

function curPageName() {
  return substr($_SERVER["SCRIPT_NAME"],strrpos($_SERVER["SCRIPT_NAME"],"/")+1);

}

        <?php if(curPageName() == 'index.php'){ ?>
        <li class="current">
            <a href="xxxx" data-description="All starts here">Home</a>
        </li>
        <?php } else{ ?>
        <li>
            <a href="xxxx" data-description="All starts here">Home</a>
        </li>

        <?php } ?>

我仍然在 WordPress 主题中获得了此代码，但目前无法正常工作，我想我可能会使其工作，因为它必须与确切的链接有关，但我也希望内置WordPress 中的菜单，所以这需要我摆脱这段代码..

有人知道我能做什么或将我链接到可以帮助我的东西吗？

4

1 回答 1

0

最好的方法是将页面名称分配给页面的主体标签来标识它。如果页面匹配，然后使用 php 分配一个活动类。

CSS

    a.active:hover {
    color:#000;
    border:1px solid #000;
    background:#fff;
    }

HTML

<body <?php $page = "one" ?>>

<div id="navbar">
    <ul>
        <li><a<?php if($page == 'one'): ?> class="active"<? endif ?> href="one.php">Page 1</a></li>
        <li><a<?php if($page == 'two'): ?> class="active" <? endif ?> href="two.php">Page 2</a></li>
        <li><a<?php if($page == 'three'): ?> class="active" <? endif ?> href="three.php">Page 3</a></li>
        <li><a<?php if($page == 'four'): ?> class="active"<? endif ?> href="four.php">Page 4</a></li>
    </ul>
</div>

在上面的示例中，第一页将处于活动状态

于 2013-04-11T20:42:42.017 回答