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

时间:2022-08-28 11:58:11

原文地址: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来添加一个新的菜单项。

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

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

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

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

内容优先,然后是导航

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

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

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

创建子菜单

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

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

老版本的Orchard (1.5之前)

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

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

增加新的菜单项时,你可以随心所欲的编辑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官方文档翻译(七) 导航与菜单的更多相关文章

  1. Orchard官方文档翻译&lpar;一&rpar; 总览

    原文地址:http://docs.orchardproject.net/ 最近想要学习了解orchard,但却没有找到相关的中文文档,只有英文文档.于是决定自行翻译,以便日后方便翻阅. 转载请注明原作 ...

  2. Orchard官方文档翻译&lpar;十&rpar; 管理Widgets

    原文地址:http://docs.orchardproject.net/Documentation/Managing-widgets 想要查看文档目录请用力点击这里 最近想要学习了解orchard,但 ...

  3. Orchard官方文档翻译&lpar;六&rpar; 建立你的第一个Orchartd站点

    让我们开始 该主题内容已在Orchard1.8Release版本下测试通过. 这里通过向导式的教程来告诉大家Orchard的功能如何使用.如果你是第一次使用Orchard,该文档就是为你而准备的! O ...

  4. Orchard官方文档翻译&lpar;五&rpar; Dashboard相关

    原文地址:http://docs.orchardproject.net/Documentation/Getting-around-the-dashboard 想要查看文档目录请用力点击这里 最近想要学 ...

  5. Orchard官方文档翻译&lpar;八&rpar; 为站点增加博客

    原文地址:http://docs.orchardproject.net/Documentation/Adding-a-blog-to-your-site 想要查看文档目录请用力点击这里 最近想要学习了 ...

  6. Orchard官方文档翻译&lpar;三&rpar; 通过zip文件手动安装Orchard

    原文地址:http://docs.orchardproject.net/Documentation/Manually-installing-Orchard-zip-file 想要查看文档目录请用力点击 ...

  7. Orchard官方文档翻译&lpar;十一&rpar; 使用Tags组织文本

    原文地址:http://docs.orchardproject.net/Documentation/Organizing-content-with-tags 想要查看文档目录请用力点击这里 最近想要学 ...

  8. Orchard官方文档翻译&lpar;九&rpar; 新增并管理媒体资源

    原文地址:http://docs.orchardproject.net/Documentation/Adding-and-managing-media-content 想要查看文档目录请用力点击这里 ...

  9. Orchard官方文档翻译&lpar;四&rpar; 让Orchard在WebMatrix下工作

    原文地址:http://docs.orchardproject.net/Documentation/Working-with-Orchard-in-WebMatrix 想要查看文档目录请用力点击这里 ...

随机推荐

  1. JS 模块化和打包方案收集

    1.这里想讨论的是拆分规则,不是在问哪个工具怎么使用.2.这里没有在想找正确答案,因为感觉这个问题要结合具体业务场景. 随着项目开发越来越大,一开始代码全打包到一个文件的方式,让文件越来越大,接下来要 ...

  2. 通过 监听器获取sessionId

    package shopping; import java.util.HashMap; import java.util.Map; import javax.servlet.http.HttpSess ...

  3. c&num;datagrid的每行的单击事件

    需要一个帮助类 using System; using System.Net; using System.Windows; using System.Windows.Controls; using S ...

  4. ios导航栏适配

    我们做屏幕导航栏横竖屏适配的时候,会发现top的值多少都有一点的偏移,加了背景色之后从0开始,不加背景色从64开始,解决方法self.extendedLayoutIncludesOpaqueBars ...

  5. PatrolRobot&lpar;UVa1600&rpar;BFS

    PatrolRobot(UVa1600)BFS 珉黻郐距 河吏蝉醉 闵棵黏言 芤她之瞌 褰上稽莨 錾傻奉 郦玫睃芩 摇摇头还没回答魏海洪就抢先回答道:呵呵你们几个别试 蚰镉氡 钬 绦可 ...

  6. Python爬虫学习&lpar;二&rpar; ——————爬取前程无忧招聘信息并写入excel

    作为一名Pythoner,相信大家对Python的就业前景或多或少会有一些关注.索性我们就写一个爬虫去获取一些我们需要的信息,今天我们要爬取的是前程无忧!说干就干!进入到前程无忧的官网,输入关键字&q ...

  7. 【sping揭秘】16、&commat;After(finally) 但是这个实在afterturning之前执行

    package cn.cutter.start.bean; import org.apache.commons.logging.Log; import org.apache.commons.loggi ...

  8. slot 插槽的作用域用法&lpar;摘自vue&period;js 官网&rpar;

    有的时候你希望提供的组件带有一个可从子组件获取数据的可复用的插槽.例如一个简单的 <todo-list> 组件的模板可能包含了如下代码: <ul> <li v-for=& ...

  9. ps -aux 命令下的前几行内容解释 与 top命令下的前几行内容解释

    系统进程分为5种不同的状态: R(运行):正在运行或在运行队列中等待 S(中断):休眠中,在等待某个条件的形成或接受到信号 D(不可中断):收到信号不唤醒和不可运行.进程必须等待直到有中断发生 Z(僵 ...

  10. PHP各种经典算法

    <?  //--------------------  // 基本数据结构算法 //--------------------  //二分查找(数组里查找某个元素)  function bin_s ...