WordPress自定义导航菜单操作使用方法

您现在的位置：万象互联帮助中心>> 最新资讯>>详细内容

<<返回上一页

WordPress自定义导航菜单操作使用方法: 大中小文章来源：万象互联更新时间：2011-11-7

分享到：

 WordPress 3.0+ 新增的自定义导航菜单功能使得我们可以更加容易地对网站菜单进行可视化操作了，最重要的是，可以把Pages(页面列表)和Categories(分类列表)在自定义菜单中混合显示了。 下面本站着重介绍WordPress 3.0+ 导航菜单的操作使用方法。 1.首先，登录您的WordPress管理后台，依次进入【Appearance(外观) – Menus(菜单或叫做导航菜单)】模块，进入导航菜单设置页面； 2.如果您之前没有使用或者没有设置过菜单的话，您需要点击右侧上方的“+”按钮，添加新的 Menu Name(菜单名)，之后，点击右侧的 Create Menu(创建菜单)按钮，激活新的菜单(本例新建菜单名称为header_menu)，如下图所示： <a href="http://down.chinaz.com/upload/2011/11/7/201111711165747693.png"><img style="max-width:640px;cursor:pointer;display:inline;" class="aligncenter size-full wp-image-7113" title="menu_setting_1" alt="" src="http://down.chinaz.com/upload/2011/11/7/201111711165779495.png" height="178" width="664" /></a> 3.建立新菜单header_menu后，默认状态的菜单是空的；在这个页面左侧，你可以看到 Theme Locations(主题位置)、Custom Links(自定义链接)、Pages(页面列表)、Categories(分类列表)等内容。 在左侧的这些内容中，选择你要显示的页面、分类或自定义链接等项目后，点击各个项目分别对应的 Add to Menu(添加到菜单)按钮，使得你选中的栏目添加到右侧的新建菜单header_menu中，以添加Pages(页面列表)项目为例，如下图所示： <a href="http://down.chinaz.com/upload/2011/11/7/201111711165833475.png"><img style="max-width:640px;cursor:pointer;display:inline;" class="aligncenter size-full wp-image-7115" title="menu_setting_2" alt="" src="http://down.chinaz.com/upload/2011/11/7/201111711165852218.png" height="285" width="289" /></a> 4.添加到右侧新建菜单header_menu中的栏目以列表形式出现，现在你需要在这里，用鼠标上下拖拽的方式排列菜单的显示顺序；需要注意的是添加进来的菜单都是一级显示的，如果你要建立二级（多级）菜单的话，你还需要同样适用鼠标上下左右标拖拽方式设置二级（多级）菜单，每右移一格为一级，如下图所示： <a href="http://down.chinaz.com/upload/2011/11/7/201111711165891596.gif"><img style="max-width:640px;cursor:pointer;display:inline;" class="aligncenter size-full wp-image-7117" title="menu_setting_3" alt="" src="http://down.chinaz.com/upload/2011/11/7/201111711165836095.gif" height="384" width="485" /></a> 细节操作：鼠标移至要移动的菜单栏上，鼠标指针变为移动状态时，就可以对该菜单进行上下左右的拖拽操作了。 5.设置好自己的菜单顺序和级别后，记得最后点击右上角的 Save Menu(保存菜单)按钮，保存该菜单的内容设置。 6.建立好菜单header_menu内容后，在左侧的下图位置，选择你要使用的该菜单项目，保存即完成了整个自定义菜单的设置了。 <a href="http://down.chinaz.com/upload/2011/11/7/201111711165837694.gif"><img style="max-width:640px;cursor:pointer;display:inline;" class="aligncenter size-full wp-image-7118" title="menu_setting_4" alt="" src="http://down.chinaz.com/upload/2011/11/7/201111711165838506.gif" height="270" width="289" /></a> 保存完后，您的自定义菜单就设置好了。 WordPress下载 <div class="soft_down"> <div class="softimg"> <h1 style="text-align:center;"> <a href="http://cn.wordpress.org/" target="_blank">WordPress v3.2.1 中文版下载</a> </h1> <div style="text-align:center;"> <a href="http://cn.wordpress.org/" title="WordPress v3.2.1 中文版界面预览" target="_blank"><img style="max-width:640px;cursor:pointer;display:inline;" src="http://down.chinaz.com/style/img/down.gif" class="ext" border="0" /></a> </div> </div> </div> 本文转自：http://www.wpued.com/7110.html 

分享到：复制地址新浪微博腾讯微博 QQ空间开心网人人网百度空间百度贴吧网易微博搜狐微博

上一篇：获取页面URL地址的js脚本

下一篇：深入浅出学习正则表达式

广告联盟中的CPA、CPS、CPC、CPM分别是什么意思