原文链接: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. 数据结构图文解析之:哈夫曼树与哈夫曼编码详解及C++模板实现

    0. 数据结构图文解析系列 数据结构系列文章 数据结构图文解析之:数组.单链表.双链表介绍及C++模板实现 数据结构图文解析之:栈的简介及C++模板实现 数据结构图文解析之:队列详解与C++模板实现 ...

  2. AOJ DSL_2_A Range Minimum Query (RMQ)

    Range Minimum Query (RMQ) Write a program which manipulates a sequence A = {a0,a1,...,an−1} with the ...

  3. 【BZOJ-2732】集合选数 状压DP (思路题)

    2734: [HNOI2012]集合选数 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 1070  Solved: 623[Submit][Statu ...

  4. Day1-python基础1

    本次学习内容 Python介绍 发展史 版本选择 install 第一个程序hello world 字符编码及注释 变量 用户输入 表达式if...else 一.Python介绍 1)Python由来 ...

  5. js 中的基本类型和引用类型的区别

    js中的基本类型赋值之后,只有值相等的时候,二者才会相等,例如 var  a='123'; var b=a; console.log(a===b); 返回的是true ,说明他们是相等的, 此时改变a ...

  6. HTML-如何让自己的网页标题处可以显示网站的logo?

    <link rel="Bookmark" href="/forum_images/ffico.png" /> <link rel=" ...

  7. 自然语言26_perplexity信息

    http://www.ithao123.cn/content-296918.html 首页 > 技术 > 编程 > Python > Python 文本挖掘:简单的自然语言统计 ...

  8. linux零基础入门总结

    啊,notepad++贴过来怎么对齐格式这么糟糕呢? #root用户 $普通用户   linux命令 清屏clear翻页清屏  CRT中ctrl+L    reset"清空 CRT中不起作用 ...

  9. iOS开发——高级篇——流水布局UICollectionViewFlowLayout的基本使用

    之前看到过的一篇文章 对collectionView的使用总结的非常好:“iOS6新特征:UICollectionView介绍” 流水布局在现在的应用中很常见了,简单的研究了下,实现下面的功能 那我这 ...

  10. javascript基础06

      javascript基础06 splice var del_arr = del.splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返 ...