Einstieg in TYPO3 [Tag 04]: Erstellen eines Navigations-Menü

Erstellen eines Navigations-Menü

Um ein Menü zu erstellen bzw. in der Vorlage eines CSS-Layputs zu ändern, muss die entsprechende Stelle in der Index.html der zu bearbeitenden Umgebung entsprechend angepasst werden.

1. Index.html öffnen
2. Div-Container MENU finden
   <div id="menu">
    <ul>
         <li class="current_page_item"><a href="#">Homepage</a></li>
         <li><a href="#">Start</a></li>
         <li><a href="#">Unter uns</a></li>
         <li><a href="#">Neues</a></li>
         <li><a href="#">Kontakt</a></li>
         <li><a href="#">Impressum></a></li>
     </ul>
3. Marker setzen
   <div id="menu">
   ###MENU###     >Marker
      <!--<ul>  >Auskommentieren, da im Template eine eigene Auflistung gesetzt wird
           <li class="current_page_item"><a href="#">Homepage</a></li>
           <li><a href="#">AAA</a></li>
           <li><a href="#">BBB</a></li>
           <li><a href="#">CCC</a></li>
           <li><a href="#">DDD</a></li>
           <li><a href="#">EEE></a></li>
       </ul>-->
   </div>
4. Menu-Template in TYPO3 anpassen. [Hierarchisches Menu aufbauen im Template]
   # Bibliothek
   lib.menu = HMENU
   lib.menu {
       1 = TMENU
       1 {
          wrap = <ul> | </ul>
          No.wrapItemAndSub = <li> | </li>   wrapItemAndSub liest den Strukturbaum aus     
           }
   }
   # Bezug in Page setzen
   page.10.marks.MENU < lib.menu
   
   
5. Current_Page_Item - Zustand im Template aktivieren:
   Hierzu wird in den o. a. Script folgendes eingefügt:
   # Bibliothek
   lib.menu = HMENU
   lib.menu = {
       1 = TMENU
       1 {
          wrap = <ul> | </ul>
          No.wrapItemAndSub = <li> | </li>
        CUR = 1  
   # Hier die 1 eingeben, damit der Befehl aktiv ist; bei 0 ist er deaktiviert!
        CUR.wrapItemAndSub = <li class="current_page_item"> | </li>
       }
   }
   # Bezug in Page setzen
   page.10.marks.MENU < lib.menu 
6. Jetzt den Eigenschaften von HOME ändern auf Verweis. 

Libraries sind zusätzliche Funktionen im TypoScript und für TYPO3 als zusätzliche Funktion erkennbar.