Breadcrumbs in Typo3 mit Leerzeichen und tt_news Titel einbinden

Sa, 27.11.2010 - 11:36 -- admin

Breadcrumbs helfen nicht nur dem User auf einer Webseite zur Navigation und zum Darstellen von Menü- und Seitenstrukturen nach dem Motto: Wo bin ich gerade? Sie werden mittlerweile auch von Google erkannt und direkt in die Ergebnislisten mit eingebunden. Allerdings nur wenn es Google für nötig hält und sie richtig lesen kann.
Damit die Breadcumbs von Google zumindest mal erkannt werden, sollte man sich an die direkte Empfehlung von Google halten: Google: Breadcrumbs - Webmaster-Tools-Hilfe.

Aufbau von Breadcumbs

So sollten Breadcumbs lediglich einfache Links enthalten getrennt von einem üblichen Zeichen >, » auch kleine Bilder werden wohl manchmal als "Trenner" erkannt. Wie Menüs sollte man sie allerdings nicht behandeln und sie nicht in Aufzählungen ul und li packen. Auch die Position auf der Seite spielt keine Rolle, man sollte sie aber direkt über dem Seiteninhalts ablegen. Ein div um die Breadcrumblinks mit einer Klasse oder ID, die anzeigt, dass es sich hierbei um einen "Breadcrumbbereich" handelt ist sicherlich auch hilfreich.

Homepage » Natur » Test » Test2
<a href="index.php?id=1">Homepage</a> &raquo; <a href="index.php?id=3">Natur</a> &raquo; <a href="index.php?id=4">Test</a> &raquo; Test2

Typo3: Typoscript

Für Typo3 habe ich keine direkten Codeschnippels gefunden, die sich auch direkt an die vorgeschrieben Google-Syntax hielt. Gerade bei den Leerzeichen taten sich viele schwer. Neben allWrap, noTrimWrap zum Trennen sollte man lieber linkWrap nutzen, so werden die Leerzeichen dann richtig ausgegeben und nicht abgeschnitten.
Das folgende Typoscript geht die komplette Seitenstruktur durch und gibt den "Pfad" der Seite ausgehend vom Root der Seite aus. Alle Menüpunkte werden anhand ihres Seitentitels verlinkt bis auf den letzten, welcher logischerweise die aktuelle Seite ausgibt, dieser enthält nur den Titel ohne Link.
Zum Einfügen einfach einen Marker ins Template und den Inhalt dann zuweisen.

#breadcumbs with spaces and splitter
lib.breadcrumb = HMENU
lib.breadcrumb.special = rootline
lib.breadcrumb.special.range = 0 | -1
lib.breadcrumb.1 = TMENU
lib.breadcrumb.1 {
  noBlur = 1
  NO.linkWrap = | &raquo; ||*|| &raquo; ||*||
  CUR = 1
  CUR.doNotLinkIt = 1
}
 
page.20.subparts.BREADCRUMBS < lib.breadcrumb

Seitentitel für tt_news

Und das ganze noch für tt_news SingleView Ansichten. Hier wird der Titel des Newseintrages angezeigt. Forumbeitrag gibt es hier: tt_news title als Seitentitel mehrsprachig mit RECORDS - TYPO3 Forum & Portal

temp.breadcrumb = COA
temp.breadcrumb.10 = HMENU
temp.breadcrumb.10.special = rootline
temp.breadcrumb.10.special.range = 0 | -1
temp.breadcrumb.10.1 = TMENU
temp.breadcrumb.10.1 {
  noBlur = 1
  NO.linkWrap = | &raquo; ||*|| &raquo; ||*||
  CUR = 1
  CUR.doNotLinkIt = 1
}
 
[globalVar = GP:tx_ttnews|tt_news > 0]
temp.breadcrumb.20 = RECORDS
temp.breadcrumb.20 {
  tables = tt_news
  source.data = GPvar: tx_ttnews | tt_news
  conf.tt_news = COA
  conf.tt_news.20 = TEXT
  conf.tt_news.20.field = title
  conf.tt_news.20.noTrimWrap= | &raquo; ||
}
[global]