WordPress3.0导航菜单图文使用教程

WordPress3.0导航菜单图文使用教程

上一篇写过如何为WordPress主题添加多个自定义导航菜单,可能很多刚接触WordPress3.0的朋友对这个自定义菜单功能,不知如何使用,今天弄个图文教程,也是为了配合新发布的HotNews pro 2.2版的一个补充使用教程。 这个新增加的自定义菜单功能,使用其实很简单。 一、首先,选择进入自定义导航菜单设置页面。 (以WOPUS发布的WordPress 3.01中文语言包中文为例),还可以下载中文字体样式文件,上传到languages文件夹中,来改善中文字体小,不美观问题。WordPress3.0汉化中文样式文件下载 登录WordPress后台,管理首页→外观→导航菜单 如果你的主题不支持WordPress3.0导航菜单功能,顶部会有下图的提示: 可以参考下面两篇文章,增加主题对导航菜单功能的支持。 为主题添加多个WordPress3.0自定义菜单 WordPress 3.0来了,你的主题准备好了吗? 也可以下载我新发布的HotNews pro 2.2版主题,完全支持WordPress3.0导航菜单功能。 二、接下来是新建一个自定义菜单. 在菜单名输入框中键入一个菜单名称(任意),之后点击“创建菜单”。 也可点击上边的+号,创建多个菜单,这里分别创建了”菜单A”和”菜单B’两个自定义菜单。 三、菜单创建完成,下面开始进行菜单内容组合。 选择准备显示在菜单中的内容,包括自定义链接、页面、分类等,点击“添加到菜单”,添加到"菜单A"中. 最后不要忘记点击"保存菜单",完成菜单组合设置.如下图: 同样为”菜单B”,添加内容,不要忘记保存菜单. 第三,在不同的位置显示”菜单A”和”菜单B’(以HotNews pro 2.2版为例). 分别在不同的位置选择不同的菜单组合,最后点"保存",完成全部菜单功能设置. 另外,就是如何显示多级下拉菜单. 这里有一个小技巧,就是用鼠标按住某个菜单项目,向右拖动,就会形成下级菜单或多级菜单,修改后,同样不要忘记保存菜单.不过会不会显示下拉菜单,这就要看主题有无此功能了,HotNews pro 2.2版可支持多级下拉菜单. 最后形成下图所示:

为主题添加多个WordPress3.0自定义菜单

为主题添加多个WordPress3.0自定义菜单

一直认为菜单管理功能(Menus),是WordPress3.0的一个亮点(除了集成了MU,这也可能是唯一的亮点),让你可以灵活地控制导航菜单。通 过便捷的拖放界面,摆脱主题自身的限制,自由创建各种组合的链接:内部链接、外部链接、分类等,并且可以将这些自定义菜单嵌入到主题的任意位置,感觉WordPress越来越接近CMS程序了。当然这些功能都需要主题的支持。之前写过一篇让主题如何支持Wordpress3.0自定义菜单的文章。今天教大家,如何添加多个自定义菜单,就以两个为例。 一、激活主题WordPress3.0自定义菜单功能。 打开主题的functions.php模板文件,添加: // 自定义菜单 register_nav_menus( array( ‘header-menu’ => __( ‘导航自定义菜单’ ), ‘footer-menu’ => __( ‘页角自定义菜单’ ) ) ); 其中:header-menu和footer-menu是菜单的名称之后会用到(可以任意),中文部分将显示在后台菜单设置页面中。 注:添加上面函数后,主题将不能在WordPress3.0以下版本中使用。 二、将调用代码添加到准备显示的位置。 一般是在header中,打开header.php,查找类似: <?php wp_list_pages(‘depth=2&title_li=’); ?> 或 <?php wp_list_categories(‘title_li=&orderby=id’); ?> 替换为: <?php wp_nav_menu( array( ‘theme_location’ => ‘header-menu’ ) ); ?> 或 <?php wp_nav_menu( array( ‘theme_location’ => ‘footer-menu’ ) ); ?> 其中:header-menu和footer-menu是调用的菜单名称,要与第一步中的相同。 上面的两句函数先只用一个,另一个可放在其它位置,比如sidebar或footer中,看自己喜好了。 三、根据不同的位置适当定义一下CSS样式。 至此完成全部主题修改操作。 再打开后台菜单选项页面,会看到如下显示: 然后根据自己需要组合不同的两组菜单,分别应用到两个菜单中。

End of content

End of content