如何使用CSS(也可能是PHP)突出显示Wordpress中当前选定的项目/部分?
我想用CSS突出显示当前显示的页面或最近的帖子 大概是这样的: 页码: ……家如何使用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
如果您使用的是
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;}
以此为出发点,尽情享受吧