Nous avons commencé à construire la barre sous l'en-tête de la galerie. Ce bar a tout un travail. Il indique aux gens où ils se trouvent et ce qu'ils regardent (fil d'Ariane, d'une manière simple). Il contiendra également une pagination, un bouton et tout le temps doit être réactif.
C'est le début de ce que nous appelons la navigation «barre noire» qui devient vraiment une chose pour le reste de la conception des sites.
Nous écrivons le balisage pour la barre, y compris en utilisant notre police d'icônes si nécessaire pour la flèche vers le bas dans le menu déroulant. Il est facile de référencer rapidement le tableau de caractères dans Font Explorer X pour obtenir la valeur de l'icône HTML.
Nous utilisons la wp_tag_cloud()fonction pour cracher sur la page une liste de balises de notre taxonomie personnalisée pour la galerie. Nous stylisons simplement le balisage pour qu'il se comporte comme un menu déroulant. Nous écrivons juste une touche de JavaScript pour afficher / masquer ce menu déroulant. Comme nous l'avons fait dans le passé avec la navigation principale du site, tout ce que nous faisons est de changer un nom de classe avec le JavaScript et de laisser le CSS faire le travail.
À la fin, nous avons un menu déroulant fonctionnel pour la galerie, ce qui est bien. C'est vraiment le cheval de bataille de la navigation dans la galerie.