Orchard CMS - 将css类注入导航/编辑导航HTML

时间:2013-07-16 12:26:29

标签: orchardcms orchardcms-1.6

我有一个基于Twitter Bootstrap的HTML / CSS网站。

我在新的果园实例中创建了一个新模板。

我有一个导航,需要将一些类从bootstrap应用到。

Orchard Layout使用它进行导航: @display(Model.Navigation)

如何编辑它输出的HTML - 和/或在Orchard的导航中呈现的ul中添加一些类?

感谢。

2 个答案:

答案 0 :(得分:1)

一个选项可能是使用Vandelay.Classy模块并将类添加到您的内容项http://orchardproject.net/gallery/List/Modules/Orchard.Module.Vandelay.Industries

其他可能是为导航形状创建备用模板。你可以设计工具来创建替代品。

http://orchardproject.net/gallery/List/Modules/Orchard.Module.Vandelay.Industries

答案 1 :(得分:1)

Layout.cshtml中的那一行显示了导航区域,这是一个小部件区域。

在标准的Orchard设置中,Menu Widget放置在该区域中。您可以在管理员中查看“窗口小部件”页面。但这并不直接显示菜单小部件。这是由另一个模板完成的。

在大多数情况下,找出正在使用哪些模板的最简单方法是使用形状跟踪工具,它是Orchard Designer Tools的一部分。 Orchard文档中有一个intro to Shape Tracing

有几层菜单模板,在形状跟踪工具中找到它们有点棘手。

与您可能需要包含在主题中的菜单相关的模板是:

  • MenuItemLink.cshtml
  • MenuItemLink-ContentMenuItem.cshtml
  • MenuItem.cshtml

如果在形状跟踪工具中找不到它们,请在解决方案中进行文件搜索,然后将这些文件复制到主题中。