WordPress菜单设计 – 菜单背景切换

今天为大家讲解一下WordPress菜单设计 ,如何实现WordPress菜单背景切换, 有很多WordPress主题都未采用菜单背景切换功能，实现WordPress菜单背景切换其实很简单，主要归功于CSS布局，先来看张图片，这是本站的Wordpress主题设计的一部份，菜单背景切换功能当然不可或缺，而且基于Wordpress 3.0以上版本才有的wp_nav_menu()设计。

Wordpress菜单背景切换

看到菜单背景切换的效果了吗，网站首页的背景与其它的菜单背景完全不同，这个效果实现起来很简单，在wordpress的布局文件style.css里加入一下代码就可以了, 一下代码是本站的CSS布局代码，大家可以参考

#nav li.current a,
#nav li.current-cat a,
#nav li.current_page_item a { background:#fff; text-decoration: none; color: #555;text-shadow: 1px 1px 2px #aaa; }

.current-cat 是用来切换当前分类菜单背景用的

.current_page_item 是用来切换当前页面菜单背景用的

至于wp_nav_menu设置，我想大家都已经知道了，不过还是再讲一点，因为很多WordPress站长都没有能正确的设置wp_nav_menu，分类和页面的使用应该都很容易做到，但是我看过很多的网站首页都无法切换背景，这让人敢到很遗憾，这么好的功能给浪费了，那么就简单讲一下wp_nav_menu设置，下面通过图片给大家讲解，相信你看了图片之后就会明白。

Wordpress菜单背景切换-wp_nav_menu设置

看到了吧，菜单标签里添加css属性，这里用的就是上面介绍的菜单背景切换的代码 current-cat，本文结束，如有疑问，请留言。