# 89: Ajustar la barra de la galería - Trucos CSS

Anonim

En este video, realizamos algunos ajustes en la barra que hemos configurado con la mayor parte de la funcionalidad de la Galería. El diseño se trata de retoques, ¿no?

Ajustamos algo de relleno para que las cosas se alineen mejor. Diseñamos el menú desplegable para que el menú que se revela se vea un poco mejor. Mientras ajustamos eso, nos aseguramos de que tengan un área grande en la que se puede hacer clic / tocar ( display: blockenlaces). Este es un ejemplo perfecto de dónde la inyección de estilo de CodeKit es muy útil. Nos aseguramos de que el vuelco sea fuerte, visualmente, para que quede muy claro lo que está seleccionando. Muy importante en un diseño como este donde todo se ve tan similar.

Hacemos un pequeño truco de WordPress donde eliminamos el atributo de título de los enlaces de las etiquetas (que son peores que inútiles en este caso) usando una función de filtro y no devolviendo nada.

Agregamos un botón de envío, lo colocamos a la derecha de la barra y creamos un estilo de botón que funciona en el contexto de la barra de la galería.

La galería de este sitio es un poco única, ya que hay un par de plantillas que son claramente diferentes pero deben verse muy similares. Por ejemplo, la página de inicio de la galería y la página de taxonomías de la galería. Notamos este problema y nos tomamos un tiempo para hacer los cambios necesarios para que sean iguales. Empleamos algunas técnicas que hemos usado una y otra vez en esta serie, como hacer una inclusión para usar en ambas plantillas para no repetirnos.

Probablemente pasamos demasiado tiempo perplejos, pero es algo extraño en el que intentamos repetir la etiqueta actual o una cadena única, dependiendo del tipo de página en la que se encuentre. Siempre son las pequeñas cosas más tontas las que llevan más tiempo.

También luchamos con una pequeña especificidad tonta en la que queremos que los enlaces y botones en el encabezado sean ligeramente diferentes. Tenemos un toque tan ligero con los selectores en este proyecto. Eso suele ser genial, no hay guerras desagradables de especificidad, pero también es ocasionalmente un dolor cuando otros selectores muy ligeros (baja especificidad) anulan a otros y necesita ir más fuerte de lo que le gustaría arreglarlo. Así es la vida.