12.11 Ein einfaches Textmenü auf Basis einer ungeordneten Liste erstellen

Problem

Sie wollen ein einfaches, textbasiertes Menü mit semantisch korrektem HTML-Code erzeugen.

Lösung

Verwenden Sie die Objekte HMENU und TMENU sowie die Parameter wrap und wrapItemAndSub.

Dieser Code kommt in Ihr TS-Setup:

temp.basicMenu = HMENU
temp.basicMenu {
  wrap = <div class="bM">|</div>
  entryLevel = 0
  1 = TMENU
  1 {
   expAll = 1
   wrap = <ul>|</ul>
   NO = 1
   NO {
     wrapItemAndSub = <li>|</li>
   }
  }
  2 < .1
  3 < .1
}

Und dieser in das TS-Setup Ihrer Seite:

page = PAGE
page.10 < temp.basicMenu

Diskussion

Das gezeigte Menü ist sozusagen die Urversion des zugänglichen Listenmenüs – ein TMENU, das eine verschachtelte Liste aus ul- und li-Tags erzeugt. Hierzu benötigen Sie immer mindestens ...

Get TYPO3 Kochbuch now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial