A-A+

轻松实现WordPress导航高亮显示

2008年12月12日 WordPress 暂无评论 阅读 1 次

高亮Wordpress在CSS中,有一项技术可以让当前页的菜单高亮,比如我在sofish v2这个主题中,也实现了这个效果,详情你可以到Live Demo for sofish v2看看,也可以看看下图的演示:

slide是不是很不错呢?当然,我也觉得。如果单纯用CSS或者CSS+JS来实现也完全可以。但Wordpress本身就提供方法给我们,更简单,而且不需要太多额外的代码。为什么我们不用呢?你不用,我用!就像标题一样,即使你只是会一点点HTML知识,甚至一点都没有。你只要照做就可以了。那么,如果我想实现,需要照做怎样的几个步骤呢?

这里有个简单的例子:

在上面的例子中。蓝色部分,是Wordpress的判断函数,告诉你的导航这里是在哪个页面,以便显示指定的的样式;黄色部分,是你页面的名称。绿色部分,是高亮当前页面所用的CSS代码,比如我的是:

#menu ul li.current a{
background:#f30;color:#fff;
text-transform:capitalize;
font-weight:700;
}

这个表示,当切换到页面的时候,页面导航显示红色背景,加粗字体,首字母大写。

如果大家要利用这个来实现当前页面导航高亮。那么,要注意的主要是页面名称和样式的设置。 页面名称可以在"后台–>Manage–>Pages"查看你的页面标题。相信这并不是一件让你头痛的问题。如果样式设置遇到问题的话,完全可以来问我,我将会帮你解决。

给我留言

Copyright © 浩然东方 保留所有权利.   Theme  Ality 07032740

用户登录