mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-09-19 16:06:32 +02:00
35 lines
932 B
Markdown
35 lines
932 B
Markdown
title: How to Create a Navigation Menu
|
|
|
|
# How to Create a Navigation Menu
|
|
|
|
In this how-to, we'll create a simple menu which you can use as the primary navigation for your website. This outputs a
|
|
top level menu with a nested second level using the `Menu` loop and a `Children` loop.
|
|
|
|
**mysite/templates/Page.ss**
|
|
|
|
```ss
|
|
<ul>
|
|
<% loop $Menu(1) %>
|
|
<li>
|
|
<a href="$Link" title="Go to the $Title page" class="<% if $isCurrent %>current<% else_if $isSection %>section<% end_if %>">
|
|
$MenuTitle
|
|
</a>
|
|
|
|
<% if $isSection %>
|
|
<% if $Children %>
|
|
<ul class="secondary">
|
|
<% loop $Children %>
|
|
<li class="<% if $isCurrent %>current<% else_if $isSection %>section<% end_if %>"><a href="$Link">$MenuTitle</a></li>
|
|
<% end_loop %>
|
|
</ul>
|
|
<% end_if %>
|
|
<% end_if %>
|
|
</li>
|
|
<% end_loop %>
|
|
</ul>
|
|
```
|
|
## Related
|
|
|
|
* [Template Syntax](../syntax)
|
|
* [Common Variables](../common_variables)
|