Auch die im Core enthaltene Funktion show_breacrumb ist jetzt über CSS zu stylen. Die funktion wird wie folgt im Template eingebunden.
<?php show_breadcrumbs(' » ', 1, true, -1,$MENU['CRUMB']);?>
An diesem Quelltextazuszug sehen wir die class Attribute die wir stylen können
<div class="breadcrumb"> <span class=" title">Sie sind hier: </span> <a href="http://www.websitebaker-next.de/wb/pages/de/startseite.php" class="link">Startseite</a> <span class="separator"> » </span> <a href="http://www.websitebaker-next.de/wb/pages/de/startseite/aenderungen-wb-2.8.1.php" class="link">Änderungen WB 2.8.1</a> <span class="separator"> » </span> <span class="crumb">Breadcrumb</span></div>
Davon ausgehend das jeder Designer weiss wie mittels CSS das Aussehen der Breadcrumb auf sein Layout anpassen kann, brauchen die Attribute wohl nicht weiter erklärt zu werden.
Änderungen
- Übergabe eines Sprachentitel
- Festlegen des Separators,
- Freie Gestaltung des voran gestellten Textes
- Stylen mit css über folgende Klassen
- breadcrumb - div Layer für gesamten Breadcrumb
- title - Text der vor den Crumbs steht
- link - Der Link im Zweig
- separator - Treenzeichen zwichen den Crumbs
- crumb - die aktuelle Seite
Beschreibung der Parameter für die Funktion
function show_breadcrumbs($sep = ' » ',$level = 0, $links = true, $depth = -1, $title = 'You are here: ')
- $sep Eingabe eines Separators, Vorbelegung ist das », wir können auch einen Leerstring übergeben, und setzen ein background-image über den CSS Selector separator
- $level Hier bestimmen wir ab dem wievielten Menulevel die Anzeige des Pfades erfolgen soll, z.B. für die Anzeige ab LEVEL 0 geben wir eine 1 ein, für LEVEL 1 eine 2, also immer den LEVEL+1
- $links Wenn true, können alle angezeigten Pfade ausser dem aktuellen direkt angewählt werden
- $depth Die Tiefe des Pfades, -1 oder 0 zeigt alle Pfade an,
- $title Schafft die Möglichkeit über eine Sprachendatei die Anzeige in eine anderen Sprache
Beispiel
Sie sind hier: Startseite » Änderungen WB 2.8.1 » show_breadcrumbs


