在我们建站过程中,肯定会想用自己自定义的样式来美化我们的网站,之前我们有介绍过如何自定义WordPress搜索框,那么今天我们就来介绍下如何自定义wordpress导航栏的样式。
1.首先我们通过css和html代码写出我们想要的导航栏的样式,比如说如下的html静态的导航栏样式代码:


<div class="nav">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">wordpress教程</a></li>
				<li><a href="#">网络教程</a></li>
				<li><a href="#">SEO教程</a></li>
			</ul>
		</div>

2.通过自己加上CSS代码,完成如下的样式:
导航栏样式
3.设置好静态的样式后,我们就要套上wordpress的wp_nav_menu()函数了,如下所示:


<?php
		wp_nav_menu(
		array(
		'theme_location' => 'header-menu',
		'container'      => 'div',
		'container_class'=> 'nav',
		'depth'          => '0'
		)
		);
?>

通过以上三个步骤就可以实现wordpress自定义导航栏样式的功能了,下次我们再详细的介绍下wordpress的wp_nav_menu()函数的相关参数。