《双陈记》情侣博客

位置:主页 > 折腾WP > 情侣博客的顶部导航菜单

情侣博客的顶部导航菜单

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

方法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编写样式就行了。

 



无觅相关文章插件

已经有14位童鞋留言了,还不来盖楼!

  1. 流觞曲水

    好久没来逛,风格依旧没变,技术流一条道走到黑啊!

  2. 朋友“怎么我和你说的做怎么不可以啊“`顶部导航菜单还是出不来

  3. 朋友“`还是不会搞啊“`朋友“你这个主题可不可以发出来给大家用用啊“大家都喜欢你这个

  4. 大家都喜欢你这个网“你就发下好心发出来给大家用用可以吗

  5. panada003

    我看你是越来越给力了也,对于我来说,你现在都是好专业的人物了也。。。

  6. 谢谢分享!!我也在做一个我和我女友的博客!

  7. 有点不懂 。建议开启菜单功能。。然后再更新下载地址~嘿嘿。

  8. 朋友“导航菜单和你说的做“怎么好像不可以“`出现这个“Parse error: syntax error, unexpected T_STRING, expecting ‘)’ in D:\APMServ5.2.6\www\htdocs\wp-content\themes\love730_theme1\functions.php on line 92
    不知是什么意思“`我还你这个主题还是发出来给大家好用啦“`

  9. 文文

    这个还是不会用 :mad:

  10. […]     我在网上翻遍了所有的添加情侣博客导航的教程,按照他们的教程方法我试了N次,没有一个是成功的,太晕了。没办法,只能怪自己太菜,我对php编码一窍不通,写css就更不用说了。还是等了解了php和css后在回来添加情侣博客导航吧!相信我会成功的,只要自己不放弃。情侣博客,我就陪你折腾到底。 […]

love730.com
To:双陈记

 疑问 冷笑 悲伤 坏蛋 感叹 微笑 脸红 大笑 吃惊 惊讶 困惑 酷 大声笑 恼火 古怪

您还可以输入300个字插入图片