WordPress3.0+后台菜单功能使用图文详解

wordpress3.0+增加了回台菜单功能,使WordPress建立头部导航菜单很方便,并且通过主题扩展还可以

支持多菜单(如页眉菜单、页脚菜单等),今天就来介绍下WordPress3.0+后台菜单功能的使用步骤和扩

展。这里以 HyperSpace 主题为例。

1、安装 HyperSpace 主题后,默认菜单功能是没有使用的,如图(没设置菜单和设置菜单对比图)

     

没设置菜单                                                                                             设置菜单后

2、现在来说说设置步骤:

首先登陆后台—》外观—》菜单,打开菜单设置页面。

如果你重来没设置过菜单,将出现如下页面:

 

然后+ 号下面的菜单名称后的框中填写菜单名称,如我填的是nav,左边红色箭头处;然后点右边红色箭

头的创建菜单。就看到下图了:

如果你原来创建过菜单,也能看到类似的图。如果想创建新菜单可以点击红框中的 + 号,创建。

接着在右边的找到分类目录,点击 查看所有 就看到下图,然后勾选分类,点击右边的添加至菜单,如

下图(如果你还没有给主题创建分类目录,这时可以在后台—》文章—》分类目录中创建)

页面右边就变成下图了,点击保存菜单。

 

下面是关键的一步:

找到页面左边的 主题位置 如下图:点击黑色小三角,选择刚才创建的 nav 菜单,并点击保存。(如果你使

用的别的主题,这里可能看到的不一样,但设置是一样的。)

一切OK!,再回主页看看,菜单是不是出来了。

3、给主题添加多个菜单

因为这个主题只支持1个菜单(头部导航菜单),所以想增加菜单,就涉及到修改代码,下面

也简单介绍下:

1、在 functions.php 的最后的 ?> 前面加入如下代码,并点击更新文件:

// 自定义菜单
register_nav_menus(
array(
'footer-menu' => __( '页角自定义菜单' )
)
);
如图中红框部分:
 
2、回到菜单设置也就能看到,主题支持2个菜单了。如图:
3、对照上面的方法,我们在 页角自定义菜单 中暂时也选择 nav 菜单,然后保存。
4、编辑底部文件 footer.php ,在 <div id="copyright">  这一句的上面 添加代码,
并更新文件:
<?php wp_nav_menu (array(
'theme_location' => 'footer-menu'
));
?>
如图:
现在回主页看看,菜单已经出来了,接着再调整CSS,让它横排,并美观一点
然后在 style.css 最后加入如下样式代码,并更新文件
.menu-nav-container ul {float: left;margin:10px 0 10px 10px;}
.menu-nav-container ul li { float: left; position: relative; z-index: 2; height: 15px; padding: 0 3px;
                           border-left: 1px solid #fff; line-height: 15px;margin:0px 3px 0px 0px;}
.menu-nav-container ul li a {color:#fff;}
.menu-nav-container ul li a:hover{color:#209dbc;}
如下图:
 后首页看看,就如下图了:

到这应该就结束了,菜单功能的简单应用基本就是这样了。当然页脚菜单也可以和头部菜单不一样,只要如前面所讲的创建开一个新的菜单,如 foot_nav ,在这个菜单加入想要的分类或者页面,再把它设置到底部菜单中就可以了。

就写到这把,菜单功能的简单应用就是这些了。


标签:  |  | 
将此文分享到:


转载请注明来自风腾网-wordpress企业主题,本文地址:http://fengten.com/303.html
除非注明,风腾网-wordpress企业主题文章均为原创,转载请注明出处和链接!
友荐云推荐

相关文章

6 条评论

*

*

顶部 友荐云推荐