自定义果园cms导航区域的整个标记

时间:2013-04-22 18:42:58

标签: orchardcms orchardcms-1.6

过去几天我一直在寻找Orchard中文件的高低,我可以自定义用于导航的标记

在Designer工具中遍历树并查看模板和HTML视图并没有多大帮助,因为MenuItemLink在HTML视图中呈现<li>但没有在模板视图中呈现它。所以我很难过。

原始标记就是这样(取自Designer工具Zone [Navigation]):

<div class="zone zone-navigation">
    <article class="widget-navigation widget-menu-widget widget">
        <nav>
            <ul class="menu menu-main-menu">
                <li class="first">
                    <a href="/Orchard/work">Work</a>
                </li>
            </ul>
        </nav>
    </article>
</div>

我需要的是真正自定义<ul><li>元素上的类。 如果可能的话,我希望能够自定义它,所以我不需要<div class="zone zone-navigation">例如。

但这有可能吗?

1 个答案:

答案 0 :(得分:10)

  • <li>元素由MenuItem形状(Core\Shapes\MenuItem.cshtml
  • 呈现
  • <nav>和热门<ul>元素由Menu形状呈现 (Core\Shapes\Menu.cshtml
  • <a>元素由MenuItemLink形状(Core\Shapes\MenuItemLink.cshtml
  • 呈现

如果要覆盖默认值,只需在主题中添加适当的Menu.cshtmlMenuItem.cshtmlMenuItemLink.cshtml文件(或者更好 - 复制默认文件并更改)。那些将被使用,而不是我上面写的默认值。