»vor« und »zurück« Navigation

5 Kommentare | Rubrik: Module, SEO

Das folgende Script hilft dabei eine "Vor und Zurück" Navigation zwischen mehreren Seiten auf einer Ebene zu erstellen. Vorteil gegenüber den meisten anderen Lösungen im Netz ist die SEO-Optimierung.

Beispiellink (mit CSS)

Hin und wieder braucht man ein Navigationsmenü zwischen einzelnen Seiten, mit der man vor und zurück navigieren kann. Im Netz gibt es viele Anleitungen für Typo3, mit denen man per TS eine solche Navigation realisieren kann. Ein Großteil ist aber alles andere als SEO-optimiert, so dass meist kein title-Attribut in den Links zu finden ist. Einige Beispiele weisen auch den Linktext als title-Attribut aus, wobei bei "vor" und "zurück" die Bedeutung auf der Strecke bleibt.

Folgendes Script erstellt ein Navigationsmenü, das zwischen Seiten auf der gleichen Ebene linkt, so dass zwischen der vorherigen und der nächsten Seiten navigiert werden kann. Sofern keine weitere oder vorherige Seite vorhanden ist, werden die Links nicht angezeigt.

lib.nav-referenzen = COA
lib.nav-referenzen {
    10 = HMENU
    10 {
        special = browse
        special {
            items = prev
            items.prevnextToSection = 0
        }
        1 = TMENU
        1 {
            NO {
                doNotLinkIt = 1
                stdWrap.cObject = COA
                stdWrap.cObject {
                    10 = TEXT
                    10 {
                        field = title
                        typolink {
                            parameter.field = uid
                            returnLast = url
                        }
                        wrap = <a href="|" title="{field:title}">zurück</a>
                        insertData = 1
                    }
                }
            }
        }
    }
    20 < .10
    20 {
        special.items = next
        1.NO.stdWrap.cObject.10.wrap = <a href="|" title="{field:title}">vor</a>
    }
} 

Lokalisierung

Um das Menü zu lokalisieren, also für mehrere Sprachen zu übersetzen fügt man einfach folgenden Code für die jeweilige Sprache ein. Dabei muss nur der L Wert für die jeweilige angepasst werden. Die  Sprachcontainer mit zugehöriger ID findet man in der Listenansicht im obersten Seitenroot.

#L für die jeweilige Sprache setzen und Übersetzung eintragen
[globalVar = GP:L = 1] 
lib.nav-referenzen.10.1.NO.stdWrap.cObject.10.wrap = previous
lib.nav-referenzen.20.1.NO.stdWrap.cObject.10.wrap = next
[global]

Quellen
http://www.typo3.net/