《双陈记》情侣博客

最近有几个童鞋问我《双陈记》情侣博客顶部那个导航菜单是怎么加上去的，今天写一下在情侣博客加入顶部导航菜单的方法。

方法1：静态html方法。此方法其实就是写一段html代码，类似：

<div id=”menu”>

<ul id=”nav”>        <li id=”selected”><a href=”<?php bloginfo( ‘url’ ); ?>” title=”<?php bloginfo(‘name’); ?>”>首页</a></li>        <li><a href=”http://www.love730.com/photos”>相册</a></li>             <li><a href=”http://www.love730.com/archives”>网站地图</a></li>        <li><a href=”http://www.love730.com/guestbook”>留言版</a></li>        <li><a href=”http://www.love730.com/links”>友情链接</a></li>        <li><a href=”http://www.love730.com/about”>关于双陈记</a></li>        <li><a href=”http://www.love730.com/theme”>情侣主题</a></li>
</ul>

</div>

然后可以加以上代码放进一个新建的php文件里，如menu.php,放在主题目录下。在需要显示此顶部导航的地方，引用这个menu.php就行了，如：《双陈记》情侣博客的就把<?php include(“menu.php”)?>放在<div class=”header”></div>的上面，之后的事情就是写css了，例如：

#menu { margin:0 auto; width:960px; height:34px; background:url(images/menu_bg.png) no-repeat; overflow:hidden;}#nav { position:relative; float:left;}#nav li { float:left; list-style:none;}#nav li a { font-weight:bolder; color:#fff; z-index:2; position:relative; float:left; font-size:18px; line-height:18px; text-decoration:none; padding:8px 15px; width:100%; }

到这里就差不多可以实现了。

第二种方法采用WordPress自带的菜单建立顶部导航菜单，先登录后台，选择菜单，新建一个菜单。然后在主题里的function.php里面加入以下代码：<?php if ( function_exists( ‘register_nav_menus’ ) )
{ register_nav_menus(
array(
‘hearder_menu’ => ‘Hearder Menu’,
‘sidebar_menu’ => ‘Super Sidebar Menu’
)
);
}?>激活菜单。

然后把<?php wp_nav_menu( array(‘menu’ => ‘hearder_menu’ )); ?>加入到想要实现导航菜单的地方，后面的就是在后台添加菜单选项，根据此菜单的html写css编写样式就行了。