`
dyllove98
  • 浏览: 1380715 次
  • 性别: Icon_minigender_1
  • 来自: 济南
博客专栏
73a48ce3-d397-3b94-9f5d-49eb2ab017ab
Eclipse Rcp/R...
浏览量:38265
4322ac12-0ba9-3ac3-a3cf-b2f587fdfd3f
项目管理checkList...
浏览量:78567
4fb6ad91-52a6-307a-9e4f-816b4a7ce416
哲理故事与管理之道
浏览量:131695
社区版块
存档分类
最新评论

WordPress 3.0 导航菜单 (使用篇)

阅读更多

WordPress 3.0 引入导航菜单功能, 让页面的导航和链接的管理变得简单易用. WP 向用户提供了菜单管理页面和多种调用方法, 本文将会介绍并教你如何使用 WordPress 的导航菜单.

 

管理菜单页面

页面路径: Appearance > Menus
由从界面来看, 能够创建多个菜单, 并且可以向菜单中添加自定义链接, 页面链接和分类链接.

菜单管理页面

但有一点需要注意, 如果将页面链接和分类链接加入, 被带入菜单的仅是链接, 而不是页面和分类本身, 也就是说, 子页面和子分类不会成为菜单的一部分.

另外, 我们也不能在菜单中加入别的菜单, 所以这种自定义的菜单注定只存在一级. 在右边排列菜单区块中, 只要将某个菜单往右移一格, 就可以作为下级菜单. 所以是可以创建多级的. (感谢 ③秋之流☆ 更正)

创建菜单后, 我们就可以通过在 Widgets 页面将这些菜单添加到侧边栏上了.

自定义菜单 Widget

登记自定义菜单

在菜单管理页面中注意到 Theme Locations 区块提示如下:

The current theme does not natively support menus, but you can use the "Custom Menu" widget to add any menus you create here to the theme's sidebar.

意思是说, 现在你的主题不支持自定义菜单, 但可以通过 Widget 的方式将自定义加到主题的侧边栏. 那如何让主题也能支持自定义菜单呢? 请将以下代码加到 function.php 中.

register_nav_menus(array(
	'primary' => 'Primary Navigation'
));

这段代码用于记录一个自定义菜单, 你可以为它选择具体的应用菜单, 其中 primary 应是唯一识别符, Primary Navigation 是菜单的名称. 可以通过这个函数为主题添加多个自定义菜单. 如果在 function.php 添加登记方法如下:

register_nav_menus(array('primary' => 'Primary Navigation'));
register_nav_menus(array('secondary' => 'Secondary Navigation'));
register_nav_menus(array('bottom' => 'Bottom Navigation'));

在菜单管理页面将会看到如下图的内容.

登记自定义菜单

主题调用菜单

在主题中如何调用菜单呢? 在主题的适合位置使用方法 wp_nav_menu();, 向页面输出菜单.
方法中提供参数 theme_location, 用于指定对应的自定义菜单. 如要调用第一个菜单, 则代码如下:

wp_nav_menu(array(
	'theme_location'	=>'primary'
));

wp_nav_menu 方法还提供其他很多参数, 《WordPress 3.0 导航菜单 (开发篇)》中我们作了详细讨论.

在默认情况下如果没有定义任何菜单, 使用 wp_nav_menu 方法与 wp_list_pages (调用页面列表) 方法无异, 但效率不及后者. 所以, 如果你准备用页面列表或者分类列表作为导航菜单, 建议不要使用 wp_nav_menu.

分享到:
评论

相关推荐

    WordPress 3.0+菜单功能支持二级和N级菜单实现步骤

    自带的导航菜单功能是WordPress 3.0+ 中唯一执得让人眼睛一亮的功能了;一个偶然的机会发现这个 WordPress 的导航菜单居然还支持二级和N级菜单;如何想实现下拉的二级菜单功能,还是需要 jQuery 和 CSS 等的配合,感...

    wordpress Sahifa 企业主题

    WordPress 3.0 自定义菜单支持 timthumb 缩略图截取支持 自定义面包屑导航、文章meta信息、作者信息 社会网络支持 多种文章、页面布局 多种幻灯,支持自定义,灵活的内容调用 30+短代码支持(集成编辑器按钮...

    WordPress中制作导航菜单的PHP核心方法讲解

    WordPress 3.0 引入导航菜单功能, 让页面的导航和链接的管理变得简单易用. WP 向用户提供了菜单管理页面和多种调用方法, 我们先来看一下一般WordPress 的导航菜单都具有哪些功能. 管理菜单页面 页面路径: ...

    WordPress中注册菜单与调用菜单的方法详解

    register_nav_menus() 函数用来注册一个菜单,菜单指的是 WordPress 3.0+ 的菜单管理器,注册之后用户就可以在菜单管理器里拖动生成导航菜单了。 用法 register_nav_menus( $locations ); 参数 $locations (数组...

    WordPress导航菜单函数wp_nav_menu()详解

    1、wp_nav_menu()函数介绍:worpdress发展到3.0以后增加了一个自定义菜单函数wp_nav_menu(),使得wordpress能够轻松的制作自己的导航菜单。2、如何调用导航菜单(自定义菜单):在需要调用导航菜单(或者称之为...

    wordpress模板:大前端D8主题3.0版本 高级商业主题

    修改 – 导航菜单支持3级菜单; 修改 – 页面滚动时全站侧栏模块随动; 修改 – 自定义广告在移动端不显示; 新增 – 文章列表缩略图可选显示; 新增 – 分享在移动端隐藏; 新增 – 分享是否显示开关; 新增 – ...

    WordPress社区系统 v3.1开源版

    它让你可以完全掌控站点的导航菜单。通过便捷的拖放界面,用户可以自由创建各种组合的链接:内部链接、外部链接、分类等。而且你可以将这些自定义菜单嵌入主题中的任意位置,把它们当成widgets来看待。 3.自定义分类...

    wordpress 模板

    3、主题支持WP3.0的自定义导航,在主题 - 菜单处可设置; 4、在WP后台设置 - 媒体处,设置缩略图大小为180*180,中等或是大尺寸的最大宽设为600,高可不限,这样的设置是为了当上传图片大小超出固定宽度后会自动...

    wordpress之wp_nav_menu使用说明

    使用该功能之前,必须激活主题3.0+菜单功能。 方法如下: 在functions.php文件中加入 add_theme_support( ‘nav-menus’ );或者 •// 自定义菜单 •register_nav_menus( •array( •‘header-menu’ => __( ’导航...

    Relive v3.0博客自媒体WordPress主题模板(更新V3.1)无限制版

    响应式布局 Relive 主题是响应式布局,因此您的网站页面将在移动...如:自定义 添加模块、网站配色、背景、Logo、菜单(多种导航栏样式)、小工具,等,只需要一个 WordPress 主题你就可以搭配出多种类型的网站风格。

    WP主题:HotNewspro 2.4

    经过几天折腾,赶在Wordpress3.1正式版出来前,HotNews pro(热点新闻)主题2.4版正式发布,鉴于之前版本的主题...自定义导航菜单使用教程 另外,主题控制面板在IE6下显示效果欠佳,建议用其它核心的浏览器设置主题。

    WP主题:HotNewspro 2.72

    菜单功能使用教程:WordPress3.0导航菜单图文使用教程. PS:可以在菜单设置页面,打开右上的显示选项,选择显示的项目 ■ 热点推荐及幻灯设置 默认显示最新五篇日志,当有日志设置置顶后,将自动取消之前的最新...

    gaplugin-lightbox:WP插件为您的WordPress画廊添加画廊导航

    ==描述==向WordPress添加图库导航安装插件后。 您将在管理页面“ GAPlugin”中拥有一个新菜单。 它将具有“灯箱”菜单。 在这里,您可以更改灯箱的图标。 用于箭头图标(下一个,上一个) 十字图标(关闭) 您只...

    ivycat-ajax-testimonials:使用自定义帖子类型和轻量级Ajax异步加载的见证插件

    描述IvyCat AJAX推荐将“推荐”菜单项添加到WordPress仪表盘导航中。 您可以像输入普通帖子一样轻松地输入“推荐书”,甚至可以对“推荐书”进行分类,以便根据需要将“推荐书”根据其群组拉到站点的不同区域。 您...

Global site tag (gtag.js) - Google Analytics