Question

我刚刚构建了我的第一个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中构建菜单，这样就需要我摆脱这段代码..

任何人都知道我能做什么或将我联系到可以帮助我的事情上吗？

Answer 1

最好的方法是将页面名称分配给页面的正文标记以识别它。如果页面匹配，则使用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>

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

WordPress主题li类活跃在页面上

1 个答案: