如何在Concrete5中使菜单可编辑？

Question

我一直在寻找一些指南，可以告诉我如何在添加到 Concrete 5 中时使现有菜单可编辑。

这是我现在使用的菜单，我希望能够在 c5 中编辑它：

<div class="menu">
    <ul>
      <li><a href="default.php" class="active"><span>Hem</span></a></li>
      <li><a href="about.php"><span>Om oss</span></a></li>
      <li><a href="services.php"><span>Tjänster</span></a></li>
      <li><a href="references.php"><span>Referenser</span></a></li>
      <li><a href="contact.php"><span> Kontakt</span></a></li>
    </ul>
    </div>

链接在 c5 中根本不起作用，所以如果有人能帮助我一点，我将不胜感激！

谢谢！

Answer 1

使用任何 CMS 的好处之一是它会自动为您创建导航菜单 - 这样，当用户添加新页面时，它们会自动显示在菜单中。

具体来说，在 Concrete5 中，您可以使用“AutoNav”块来执行此操作。与任何块一样，可以将其添加到页面上的区域，但由于您通常希望导航菜单出现在每个页面的同一位置，因此您也可以直接在模板代码中添加该块。

因此，对于您的菜单（这是一个没有下拉菜单的一级菜单），请将您的导航菜单 html 替换为以下代码：

<?php
$nav = BlockType::getByHandle('autonav');
$nav->controller->orderBy = 'display_asc';
$nav->controller->displayPages = 'top';
$nav->controller->displaySubPages = 'none';
$nav->render('templates/header_menu');
?>

现在您需要对 CSS 进行更改，因为该代码将生成与以下内容略有不同的 HTML：你所拥有的——它看起来更像是这样的：

<ul class="nav-header">
  <li><a href="/" class="nav-selected">Hem</a></li>
  <li><a href="/about">Om oss</a></li>
  <li><a href="/services">Tjänster</a></li>
  <li><a href="/references">Referenser</a></li>
  <li><a href="/contact">Kontakt</a></li>
</ul>

区别在于没有周围的div（尽管如果你想通过在开始和结束div标签中包围上面的php代码来保留它），导航项周围没有跨度，以及所选项目的类是“导航选择”而不是“当前”。