如何使用CSS(也可能是PHP)突出显示Wordpress中当前选定的项目/部分?

如何使用CSS(也可能是PHP)突出显示Wordpress中当前选定的项目/部分?,php,css,wordpress,Php,Css,Wordpress,我想用CSS突出显示当前显示的页面或最近的帖子 大概是这样的: 页码: ……家 如果您使用的是wp\u list\u pages(),则可以使用类current\u page\u项,current\u page\u祖先和current\u page\u父节点来定位活动节点 否则,将需要一点手动劳动-您可以在正文标记上回显当前slug,作为类或ID,或者在导航项上打印“活动”类(如果是当前页面) function active_class($page) { if (is_page($pag

我想用CSS突出显示当前显示的页面最近的帖子

大概是这样的:

页码:

……家


如果您使用的是
wp\u list\u pages()
,则可以使用类
current\u page\u项
current\u page\u祖先
current\u page\u父节点
来定位活动节点

否则,将需要一点手动劳动-您可以在
正文
标记上回显当前slug,作为类或ID,或者在导航项上打印“活动”类(如果是当前页面)

function active_class($page)
{
    if (is_page($page))
        echo ' class="active"';
}
发挥作用,

<ul>
    <li<?php active_class('about'); ?>><a href="/about/">About</a></li>
    <li<?php active_class('contact'); ?>><a href="/contact/">Contact</a></li>
</ul>
    >

为了讨论的完整性,需要注意的是,由于wordpress 3.0,可以使用CSS突出显示当前页面。不需要javascript。当前菜单项具有当前菜单项类(是完整教程)

需要注意的是,如果菜单项具有子菜单,并且当前页面位于子菜单上,则该类将同时添加到当前菜单项和该菜单中的当前子菜单项

下面是我在我的网站上实现的内容:

.menu > ul > li.current-menu-item {text-shadow: 2px 2px grey;}
.menu ul.sub-menu > li {text-shadow: none;} 
.menu ul.sub-menu > li.current-menu-item {text-shadow: 2px 2px grey;}
以此为出发点,尽情享受吧