[译]:Orchard入门——导航与菜单

时间:2023-02-17 13:34:42

原文链接: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 添加一个新菜单项。

[译]:Orchard入门——导航与菜单

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

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

[译]:Orchard入门——导航与菜单

[译]:Orchard入门——导航与菜单

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

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

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

[译]:Orchard入门——导航与菜单

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

创建子菜单

创建子菜单非常容易:

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

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

[译]:Orchard入门——导航与菜单

[译]:Orchard入门——导航与菜单

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

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

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

[译]:Orchard入门——导航与菜单

你也可以给菜单添加任意的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&lpar;56&rpar;&lbrack;译&rsqb;Vulkan入门

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

  9. Jetpack Compose学习&lpar;7&rpar;——MD样式架构组件Scaffold及导航底部菜单

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

随机推荐

  1. Onsen UI – 新鲜出炉的 PhoneGap 界面框架

    Onsen UI 是一个基于元素自定义的 HTML5 UI 框架,用于构建你的移动前端.这个一个基于 Web 组件的概念的框架,让构建应用程序变得更加轻松.Onsen UI 专门针对 PhoneGap ...

  2. 微型orm fluentdata

    http://fluentdata.codeplex.com/documentation#Query

  3. sublime text 3快捷键设置

    sublime text 3  v-3103默认快捷键设置 [ { "keys": ["ctrl+shift+n"], "command": ...

  4. 常用Firefox扩展

    最近思维混乱,无心做事,故整理下东西.(PS:有些是firefox自带的.) 1.标签页管理器 2.1.41 用途:在新标签页打开书签.历史.地址.搜索. 主页:http://www.firefox. ...

  5. solr6&period;6教程-基础环境搭建&lpar;二&rpar;

    在上一篇文章中已经简单介绍了solr在windows的部署,今天我们来下如何新建一个自己core. 1,core理解 如果把solr理解为个数据库的话,那么core可以理解为数据库中的一张表,其实就是 ...

  6. 【MySQL 读书笔记】SQL 刷脏页可能造成数据库抖动

    开始今天读书笔记之前我觉得需要回顾一下当我们在更新一条数据的时候做了什么. 因为 WAL 技术的存在,所以当我们执行一条更新语句的时候是先写日志,后写磁盘的.当我们在内存中写入了 redolog 之后 ...

  7. 深入C&num;

     深入C# String类 C#中的String类他是专门处理字符串的(String),他在System的命名空间下,在C#中我们使用的是string 小写的string只是大写的String的一个别 ...

  8. 简单易懂的 Vue&period;js 基础知识 !

    根 vue 实例 let viewModel = new Vue({ // 包含数据.模板.挂载元素.方法.生命周期钩子等选项 }) Hello Wrold  <!-- 这是我们的 View - ...

  9. Spark记录-实例和运行在Yarn

    #运行实例 #./bin/run-example SparkPi 10   #./bin/spark-shell --master local[2] #./bin/pyspark --master l ...

  10. testng使用DataProvider&plus;Excel实现DDT

    DDT,即数据驱动测试 Data Driver Test,我曾经记录了一篇关于python的DDT框架(Excel+DDT数据驱动实例),那么java中的DDT是怎么样的呢?在java中,可以用tes ...