#88: Aufbau der Galerie-Leiste

Wir haben uns daran gemacht, die Leiste unter dem Galerie-Header aufzubauen. Diese Leiste hat eine ziemliche Aufgabe. Sie sagt den Leuten, wo sie sich befinden und was sie sehen (Brotkrumen, auf einfache Weise). Sie wird auch Paginierung, einen Button enthalten und muss dabei immer responsiv sein.

Dies ist der Beginn dessen, was wir als „schwarze Leiste“ – Navigation bezeichnen, die für den Rest des Website-Designs wirklich wichtig wird.

Wir schreiben den Markup für die Leiste, einschließlich der Verwendung unserer Icon-Schriftart, wenn für den Dropdown-Pfeil im Dropdown-Menü benötigt. Es ist einfach, schnell die Zeichenübersicht in Font Explorer X zu referenzieren, um den Wert des HTML-Icons zu erhalten.

Wir verwenden die Funktion wp_tag_cloud(), um eine Liste von Schlagwörtern aus unserer benutzerdefinierten Taxonomie für die Galerie auf die Seite auszugeben. Wir stylen einfach den Markup, damit er sich wie ein Dropdown-Menü verhält. Wir schreiben nur ein wenig JavaScript, um dieses Dropdown-Menü anzuzeigen/auszublenden. Wie wir es bereits für die Hauptnavigation der Website getan haben, ändern wir einfach einen Klassennamen mit dem JavaScript und lassen die CSS die Arbeit erledigen.

Am Ende haben wir ein funktionierendes Dropdown-Menü für die Galerie, was gut ist. Es ist wirklich das Arbeitspferd der Galerie-Navigation.

BenB

# 30. Oktober 2012

Nur ein Gedanke, Sie könnten auch get_terms() mit einer foreach-Schleife verwenden, das würde besser funktionieren, da Sie keine benutzerdefinierte Formatierung wünschen.

So etwas wie

<ul>
<?php
$terms = get_terms('gallerytags', array('orderby'=>'name','order'=>'asc'));
foreach ($terms as $term) : ?>
    <li><a href="<?php echo get_term_link($term); ?>"><?php echo $term->name; ?></a></li>
<?php endforeach; ?>
</ul>

Antworten

Josh Eaton

# 24. Januar 2013

Ich wollte fragen, wie Sie Ihre kompilierten JavaScript-Dateien am Ende wieder in einen normalen Namen ohne das -ck.js Präfix umbenennen.

Dann sah ich, dass Sie sie so auf der Live-Site belassen.

Dann wurde mir klar, dass ich wahrscheinlich viel zu zwanghaft-perfektionistisch bei solchen Dingen bin. :)

Kommentare

Hinterlassen Sie eine Antwort Antwort abbrechen