原文链接:Navigation and Menus

文章内容基于Orchard1.8版本。同时包含Orchard 1.5之前版本的导航参考

Orchard有许多不同的方法来创建菜单。本文将介绍两种较为常用的方法:

  • 先添加菜单项,然后添加内容关联
  • 先创建内容,然后选择导航菜单

当然,这些方法不是只能选一种,你可以在同一个网站上组合使用它们。

先添加菜单项,然后添加内容关联

这种方式是你查看管理所有菜单项的首选。

在控制面板中点击 Navigation 菜单项,你将看到一个默认可用的菜单——'Main Menu'。页面右侧包含所有可以添加到菜单中的类型:

  • 内容项类型菜单Content Menu Item
  • 自定义链接Custom Link
  • 自定义Html菜单项Html Menu Item
  • 查询链接Query Link
  • 形状链接Shape Link
  • 分类链接Taxonomy Link

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

在 '创建菜单项Create Menu Item' 页面填写菜单文本。

点击 Browse ,然后选择要链接的任何内容(如:你的首页)。 当你真正准备好你的内容后,你也可以修改你的菜单链接项。

先创建内容,然后选择导航菜单

下面我们首先创建一个新页面(或修改一个页面)。 点击控制面板左侧菜单中的 New Page 。创建一个 About Us 页面,输入标题及内容。

勾选页面底部的 Show on a menu 并为页面选择菜单, Menu text 是菜单的显示名称。默认情况下,页面链接将会被添加到Main Menu

点击现在发布Publish Now页面后,点击控制面板左侧 Navigation 菜单项。新的菜单将已被添加到主菜单。

创建子菜单

创建子菜单非常容易:

点击 Navigation 部分。将鼠标悬停在已添加的菜单项上,你就可以拖动菜单项。

将菜单稍微向右拖动一点,出现子容器后即可。注意:这里所做的修改,在点击页面右下方的 Save All 之前都不会生效。

旧版本Orchard操作(1.5之前的版本)

旧版本的Orchard菜单管理差别很大。

1.5之前的Orchard版本的菜单管理很简单,只有菜单文本和链接列表——同样通过控制面板 Navigation 打开。当你在页面编辑界面或博文编辑页面添加一个菜单后,菜单列表中就创建一个新项。你可以通过此界面重命名、排序和移除菜单项。(不会删除页面或博文内容,仅仅删除菜单项)。

你也可以给菜单添加任意的Url链接,包括站外链接或你Orchard网站的链接。注意:只有在此界面添加菜单才可以修改Url链接。

内容项的菜单链接必须在内容编辑页面修改。

通过在 "Position" 文本框中输入数字索引来修改菜单顺序。其中支持的数字索引格式如下:

  • 整数 Integer: 1, 2, 3, etc.
  • 浮点数 Decimal: 1.1, 1.2, 1.3, etc
  • 多部分数字组合 Multi-part number: 1.1.1, 1.2.1, 1.2.2, etc

当你确认修改好后,点击 Update All 来更新网站主菜单(即时生效)。

译:奇葩史

[译]:Orchard入门——导航与菜单的更多相关文章

  1. [译]:Orchard入门——Orchard控制面板概览

    原文链接:Getting Around the Dashboard 文章内容基于Orchard 1.8版本 Orchard控制面板用于管理网站.改变外观.添加内容以及控制Orchard功能可用性.成功 ...

  2. [译]:Orchard入门——构建你的第一个Orchard网站

    原文链接:Building Your First Orchard Site 文章内容基于Orchard 1.8版本 本文将逐步简要介绍Orchard提供的功能.如果你是第一次使用Orchard,本文将 ...

  3. [译]:Orchard入门——手动安装Orchard

    原文链接:Manually Installing Orchard 文章内容基于Orchard 1.8版本 本文将演示通过zip安装包安装Orchard所需要的步骤. 本文包括如下三种不同的Orchar ...

  4. [译]:Orchard入门——安装Orchard

    原文链接:Installing Orchard 文章内容基于Orchard 1.8版本 安装Orchard的方式 主要有以下四种方式安装Orchard: 利用Microsoft Web Platfor ...

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

    原文地址:http://docs.orchardproject.net/Documentation/Navigation-and-menus 想要查看文档目录请用力点击这里 最近想要学习了解orcha ...

  6. css制作漂亮彩带导航条菜单

    点击这里查看效果:http://keleyi.com/keleyi/phtml/divcss/17.htm 效果图: 以下是源代码: <!DOCTYPE html PUBLIC "-/ ...

  7. Android实现下拉导航选择菜单效果

    本文介绍在Android中如何实现下拉导航选择菜单效果.   关于下拉导航选择菜单效果在新闻客户端中用的比较多,当然也可以用在其他的项目中,这样可以很方便的选择更多的菜单.我们可以让我们的应用顶部有左 ...

  8. CSharpGL(56)[译]Vulkan入门

    CSharpGL(56)[译]Vulkan入门 本文是对(http://ogldev.atspace.co.uk/www/tutorial50/tutorial50.html)的翻译,作为学习Vulk ...

  9. Jetpack Compose学习(7)——MD样式架构组件Scaffold及导航底部菜单

    Jetpack Compose学习(7)--MD样式架构组件Scaffold及导航底部菜单 | Stars-One的杂货小窝 Compose给我们提供了一个Material Design样式的首页组件 ...

随机推荐

  1. 使用gulp-connect实现web服务器

    安装插件安装gulp-connect插件,安装命令如下 npm install --save-dev gulp-connect 定义web服务,gulpfile.js代码 var gulp = req ...

  2. mui,css3 querySelector,appendChild,style.display,insertBefore

    <script> mui.init({ swipeBack:true //启用右滑关闭功能 }); window.addEventListener('toggle', function(e ...

  3. Zabbix监控nginx status

    nginx开启status ./configure --with-http_stub_status_module nginx.conflocation /statusx35 { stub_status ...

  4. 前端模块化工具-webpack

    详解前端模块化工具-webpack webpack是一个module bundler,抛开博大精深的汉字问题,我们暂且管他叫'模块管理工具'.随着js能做的事情越来越多,浏览器.服务器,js似乎无处不 ...

  5. linux之svn

    sudo apt-get install subversion 实践出真理

  6. 动手实验iptables的NAT功能实现流量穿透

    1.NAT和iptables理论见: http://lustlost.blog.51cto.com/2600869/943110 2.引子 近期,有同事抱怨说数据入库时,由于数据库所在的服务器只有内网 ...

  7. linux下apache各种跳转(包括伪静态)的配置

      1.404跳转: vi /etc/httpd/conf/httpd.conf 在虚拟主机配置里添加一行:ErrorDocument 404 /404.html 2.301跳转: 1)将不带www的 ...

  8. HashMap Hasptable的区别

    HashTable的应用非常广泛,HashMap是新框架中用来代替HashTable的类,也就是说建议使用HashMap,不要使用HashTable.可能你觉得HashTable很好用,为什么不用呢? ...

  9. oracle中时间处理

    --查看当前日期.时间SQL> select sysdate from dual; SQL> select to_char(sysdate,'yyyy-mm-dd hh24:mi:ss') ...

  10. Go - 变量初始化 及 注意事项

    Go变量 初始化 对 复合类型(数组.切片.字典.结构体)变量的初始化是,有一些语法限制: 1.初始化表达式必须包含类型标签: 2.左花括号必须在类型尾部,不能另起一行: 3.多个成员初始值以逗号分隔 ...