新加入的导航菜单功能无疑是WordPress 3.0版本的最大亮点。自己手动改过WordPress主题的朋友都知道,导航菜单和评论部分是最难搞定的了,要是没有足够的PHP和CSS基础就只能望 洋兴叹了。评论部分还好说,毕竟不是主要部分,用WordPress默认的comments.php文件也能将就了。这导航菜单可是至关重要的部分,做得 不好破坏整体美感不说,读者对网站功能性的体验也要降一个档次。从某种意义上说,WordPress之前的版本一直没有导航菜单的功能,这不能不说是个严 重缺憾。现在好了,像风和这样的菜鸟级博主终于可以用WordPress拖拽式的图形用户界面来定制自己的导航菜单了。

新的菜单系统是基于WooNavigation做的,这是一个名叫WooThemes的很流行的主题在最新的版本中所用的框架。虽然很多代码已经改过了,但还是可以看出它们很相似。很多像Chris Coyier这样的业内人士都认为这是的一个巨大进步,配合上自定义的文章发布类型,WordPress距离完备的内容管理系统更进了一步。

这个激动人心的功能使用起来相当简单。先登入WordPress后台,找到外观——>菜单这个选项。如果你的当前主题不支持自定义菜单会有如 下提示:“当前主题原生并不支持菜单,但您可以使用 “导航菜单” 微件在主题侧栏中添加一个您创建的菜单。”这意味着我们需要在主题文件夹中的functions.php文件里加入如下代码:

add_action(‘init’, ‘register_custom_menu’);
function register_custom_menu() {
register_nav_menu(‘custom_menu’, __(‘Custom Menu’));
}

再在head.php文件中想要加入导航菜单的地方加入如下代码:

<?php wp_nav_menu(array(‘menu’ => ‘custom_menu’)); ?>

这个函数会调出我们在WordPress后台中所设定的菜单项目,关于wp_nav_menu的具体参数意义可以在WordPress codex网站[http://codex.wordpress.org/Main_Page]上查到。

OK,剩下的工作只要用后台的图形化界面就可以搞定了。先创建一个菜单,然后在左边的功能选项里可以添加链接到菜单项,现在可以添加分类、页面甚至 非本站的自定义链接到菜单项中。添加完成后,只须在右面生成的菜单条目列表上用鼠标拖动即可控制它们的顺序和级别,拖到稍靠右一点的位置就表示它是上面一 个条目的子菜单。最后保存菜单就大功告成了,如果是自己的主题还要改一下CSS把导航菜单部分的标签类名和函数生成的配合一下。

原创文章,转载请注明: 转载自老姜的博客

本文链接地址: 使用WordPress的自定义导航菜单

无觅相关文章插件,快速提升流量

|2|left|yes