silverstripe-framework/docs/en/howto/navigation-menu.md

# 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.

Add the following code to your main template,
most likely the "Page" template in your theme,
located in `themes/<mytheme>/templates/Page.ss`.

    :::ss
    <ul> 
    	<% loop $Menu(1) %>	  
    	<li>
          <a href="$Link" title="Go to the $Title page" class="$LinkingMode">
           <span>$MenuTitle</span>
          </a>
        </li> 
     	<% end_loop %> 
    </ul>

More details on creating a menu are explained as part of ["Tutorial 1: Building a basic site"](/tutorials/1-building-a-basic-site), as well as ["Page type templates" topic](/topics/page-type-templates).
Tutorial 2/3 and some howto tweaks 2012-07-20 01:15:50 +02:00			`# How to create a navigation menu`
MINOR: Forms, navigation howto plus adjustments to tutorial one (#6367 ) * Created "How to make a simple contact form" * Created "Create a navigation menu" * Adjusted tutorial one from Andy's notes 2012-07-19 07:27:41 +02:00
Tutorial 2/3 and some howto tweaks 2012-07-20 01:15:50 +02:00			`In this how-to, we'll create a simple menu which`
			`you can use as the primary navigation for your website.`

			`Add the following code to your main template,`
			`most likely the "Page" template in your theme,`
			located in `themes/<mytheme>/templates/Page.ss`.
MINOR: Forms, navigation howto plus adjustments to tutorial one (#6367 ) * Created "How to make a simple contact form" * Created "Create a navigation menu" * Adjusted tutorial one from Andy's notes 2012-07-19 07:27:41 +02:00
			`:::ss`
			`<ul>`
Consistently used dollar notation in template docs (see #1794) 2013-04-26 11:48:59 +02:00			`<% loop $Menu(1) %>`
Tutorial 2/3 and some howto tweaks 2012-07-20 01:15:50 +02:00			`<li>`
MINOR: Forms, navigation howto plus adjustments to tutorial one (#6367 ) * Created "How to make a simple contact form" * Created "Create a navigation menu" * Adjusted tutorial one from Andy's notes 2012-07-19 07:27:41 +02:00			`<a href="$Link" title="Go to the $Title page" class="$LinkingMode">`
			`<span>$MenuTitle</span>`
			`</a>`
			`</li>`
			`<% end_loop %>`
			`</ul>`

Tutorial 2/3 and some howto tweaks 2012-07-20 01:15:50 +02:00			`More details on creating a menu are explained as part of ["Tutorial 1: Building a basic site"](/tutorials/1-building-a-basic-site), as well as ["Page type templates" topic](/topics/page-type-templates).`