码迷,mamicode.com
首页 > 其他好文 > 详细

Orchard官方文档翻译(七) 导航与菜单

时间:2015-02-11 14:17:51      阅读:301      评论:0      收藏:0      [点我收藏+]

标签:

原文地址:http://docs.orchardproject.net/Documentation/Navigation-and-menus

想要查看文档目录请用力点击这里

最近想要学习了解orchard,但却没有找到相关的中文文档,只有英文文档。于是决定自行翻译,以便日后方便翻阅。

转载请注明原作者与出处。

本人英文水平有限,错误之处欢迎指出以便修正

 

导航与菜单

该主题内容已在Orchard1.8 release版本下测试铜鼓。其中还引用了Orchard < 1.5 版本的导航部分内容。

有许多不同的方式来建立菜单结构。该文档中我们展示了两种常用的方式:

  • 首先添加菜单项,然后是内容
  • 首先添加内容,然后建立到内容的导航

当然这两种方式并不是只能选择其一,你能够在站点中轮流的使用这两种方式来建立导航结构。

首先添加菜单项,然后是内容

该方式适用情况为你倾向于首先在站点内看到所有的菜单项。

进入Orchard管理面板后点击左侧名为Navigation的菜单项。你将会在这里看到名为‘Main Menu‘的默认已激活菜单。右侧包含了所有你能够创建的菜单项类型:

  • Content Menu Item 普通菜单项
  • Custom Link 自定义链接
  • Html Menu Item HTML菜单项
  • Query Link 筛选链接
  • Shape Link 动态模型链接
  • Taxonomy Link 分类链接

点击Content Menu Item旁边的Add来添加一个新的菜单项。

技术分享

在创建菜单项页面你可以输入菜单文本。点击Browse后可以将该菜单项导航至任何内容项(e.g 你的首页)。在这之后,你还可以将该菜单项的链接更新为其他已准备完毕的内容项。

技术分享

技术分享

内容优先,然后是导航

在这里我们首先创建一个新页面(或编辑一个页面)。点击左侧菜单的New Page。创建一个名为About Us的页面。给该页面一个标题并在body处随便输入点内容。检查底部的Show on a menu选择框是否已选中并能够看到菜单项。Menu text输入框输入菜单项名称。该页面链接将会以菜单项的形式被添加至Main Menu菜单中。

技术分享

当你点击Save的时候你的页面及导航信息将会被保存到导航菜单中,点击Save后你可以在页面左侧Main Menu下看到你刚刚创建的导航项。

创建子菜单

创建子菜单非常的容易:在导航节点中,如果你将鼠标停留在已添加的菜单项上,你会发现能够拖动该菜单项。轻易地将菜单项往右边拖动直到其被识别为子容器。记住,在点击页面底部右侧的Save All之前,所有的改变都不会被真正的更新。  

技术分享技术分享

老版本的Orchard (1.5之前)

在老版本的Orchard中管理菜单相当的不同。Orchard <1.5 的菜单功能非常的简易,通过Orchard管理面板的Navigation链接进入后只有一个菜单项文本与链接的列表。 当你通过页面或博客文章的编辑页面添加菜单项至main menu时,这里会增加一个新的菜单项。你可以在该界面中对菜单项重命名,重新排序以及移除。(这么做的时候并不会移除对应的内容,仅仅是移除了菜单项)

技术分享

增加新的菜单项时,你可以随心所欲的编辑URL地址,无论该地址是否属于你的Orchard站点。注意,只有在新增菜单项的时候才可以编辑URL地址。 

在"Position"文本框内输入数字索引即可重新对菜单项排序。Position索引可以使用如下的任意格式:

  • 数字: 1, 2, 3, 等
  • 小数: 1.1, 1.2, 1.3, 等
  • 分割数字: 1.1.1, 1.2.1, 1.2.2, 等

当你对所有的更改都心满意足时,点击Update All来更新站点的main menu。(立即有效)

 

该文章发布地址:http://www.cnblogs.com/windzhao/p/4278357.html

各位看官如果觉得本文帮助到了您,请点击右下角的推荐来给予本人支持。

Orchard官方文档翻译(七) 导航与菜单

标签:

原文地址:http://www.cnblogs.com/windzhao/p/4278357.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!