# 88: Construyendo el Bar Gallery - Trucos CSS

Anonim

Nos dispusimos a construir la barra debajo del encabezado de la galería. Este bar tiene un buen trabajo. Le dice a la gente dónde están y qué están viendo (migas de pan, de una manera sencilla). También contendrá paginación, un botón y, mientras tanto, debe responder.

Este es el comienzo de lo que llamamos navegación de "barra negra", que realmente se convierte en algo para el resto del diseño de sitios.

Escribimos el marcado para la barra, incluido el uso de nuestra fuente de iconos cuando sea necesario para la flecha hacia abajo en el menú desplegable. Es fácil hacer referencia rápidamente al gráfico de caracteres en Font Explorer X para obtener el valor que puede tener el icono HTML.

Usamos la wp_tag_cloud()función para escupir en la página una lista de etiquetas de nuestra taxonomía personalizada para la galería. Simplemente modificamos el estilo del marcado para que se comporte como un menú desplegable. Escribimos solo un toque de JavaScript para mostrar / ocultar este menú desplegable. Como hicimos en el pasado con la navegación principal del sitio, todo lo que hacemos es cambiar el nombre de una clase con JavaScript y dejar que CSS haga el trabajo.

Al final, tenemos un menú desplegable de trabajo para la Galería, lo cual es bueno. Es realmente el caballo de batalla de la navegación de la galería.