Guymon

CSS3 breadcrumbs

Einige Ideen für Breadcrumb Menüs mit CSS3 und ohne Bilder stellt Catalin Rosu vor.

Ausgangspunkt ist eine Link-Liste und CSS pseudo-elemente, border-radius, transforms, etc.

Typo3: ttnews Breadcrumbs

Praktischer Tip vom typo3blogger:

Da Single-Ansichten wie bei tt_news faktisch (im Normalfall) auf einer Page-ID, also auf einer Seite stattfinden, müssen dem Nutzer trotzdem über den angepassten title und der angepassten Rootline vorgegaukelt werden es sind unterschiedliche Einzelseiten.

Das kann man für tt_news z.B über ein RECORDS-Objekt einbinden, das der normalen Breadcrumb angefügt wird:

[globalVar = GP:tx_ttnews|tt_news > 0]
lib.rootline.20 = RECORDS
lib.rootline.20 {
 dontCheckPid = 1
 tables = tt_news
 source.data = GPvar:tx_ttnews|tt_news
 conf.tt_news = TEXT
 conf.tt_news.field = title
 conf.tt_news.wrap = <strong>|</strong>
}
[end]

Custom Breadcrumbs for Node Type

Im thedrupalblog fand ich gerade dieses hilfreiche Snippet mit dem man das Breadcrumb Menu je nach Node Type anpassen kann:

<?php
function MYTHEME_preprocess_page(&$variables) {
 if ($variables['node']->type == 'MYNODETYPE') {
 $links = array();
 // creating a link to the home page
 $links[] = l('Home', '<front>');
 // here's how you could add a link to a taxonomy page
 $vid = 2;
 foreach ($variables['node']->taxonomy as $k => $v) {
 if ($v->vid = $vid) {
 $links[] = l($v->name, 'taxonomy/term/' . $v->tid);
 break;
 }
 }
 // yet another link
 $links[] = l('Some Other Link', 'SOMEOTHERLINK');
 // lastly, overwrite the contents of the breadcrumbs variable in the page scope
 $variables['breadcrumb'] = theme('breadcrumb', $links);
 }
}
?>

Markup für Breadcrumbs

Chris Coyier stellt verschieden Ansätze vor Breadcrumb Menüs zu erstellen.

Ich nehme üblicherweise einfach eine unordered List, allerdings

… the HTML is not semantic. Coding a breadcrumb as an unordered list makes it seem like the items are on the same hierarchical level, like it’s a set of items in a row. The items in a breadcrumb are not, they represent a path, with each link being a “child” of the last.

Google empfiehlt offensichtlich HTML5 Microdata, allerdings muss ich mich an diese Syntax, bzw Attribut “Suppe” wohl erst gewöhnen.

WordPress: Theming Ideen

devSnippets stellt 10 Plugins/Tips vor das eigene WordPress Theme aufzupeppen.

Insbesondere das Plugin Snazzy Archives hat es mir angetan, ich denke das werde ich die Tage installieren.