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

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

这里有个简单的例子：

<ul>
<li <?php if ( is_home() || is_category() || is_archive() || is_search() || is_single() || is_date() ) { echo ' class="current"'; } ?>><a href="<?php echo get_option('home') ?>/">FrontPage</a></li>
<li <?php if ( is_page('About') ) { echo ' class="current"'; } ?>><a href="/about/">About</a></li>
<li <?php if ( is_page('WordPress') ) { echo ' class="current"'; } ?>><a href="/wordpress/">Wordpress</a></li>
<li <?php if ( is_page('Plugins') ) { echo ' class="current"'; } ?>><a href="/plugins/">Plugins</a></li>
<li <?php if ( is_page('Contact') ) { echo ' class="current"'; } ?>><a href="/contact/">Contact</a></li>
<li <?php if ( is_page('Links') ) { echo ' class="current"'; } ?>><a href="/links/"> Links</a></li>
</ul>

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

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

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

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