# 89: Ajuster la barre de la galerie - Astuces CSS

Anonim

Dans cette vidéo, nous apportons un tas de modifications à la barre que nous avons configurée avec la plupart des fonctionnalités de la Galerie. Le design est une question de peaufinage, n'est-ce pas?

Nous ajustons un peu de rembourrage pour que les choses s'alignent mieux. Nous stylisons la liste déroulante pour que le menu qui s'affiche soit un peu plus joli. Tout en ajustant cela, nous nous assurons qu'ils ont une grande zone cliquable / tapable ( display: blockliens). Ceci est un exemple parfait de l'endroit où l'injection de style de CodeKit est super utile. Nous nous assurons que le roulement est fort, visuellement, de sorte que ce que vous sélectionnez est très clair. Très important dans une mise en page comme celle-ci où tout se ressemble tellement.

Nous faisons une petite supercherie WordPress où nous supprimons l'attribut title des liens de balises (qui sont pires qu'inutiles dans ce cas) en utilisant une fonction de filtre et en ne renvoyant rien.

Nous ajoutons un bouton d'envoi, le positionnons à droite de la barre et créons un style de bouton qui fonctionne dans le contexte de la barre de la galerie.

La galerie sur ce site est un peu unique en ce sens qu'il existe quelques modèles qui sont distinctement différents mais qui doivent se ressembler beaucoup. Par exemple, la page d'accueil de la galerie et la page des taxonomies de la galerie. Nous remarquons ce problème et prenons le temps d'apporter les modifications nécessaires pour les rendre identiques. Nous utilisons certaines techniques que nous avons utilisées à maintes reprises dans cette série, comme créer une inclusion à utiliser sur les deux modèles afin de ne pas nous répéter.

Nous passons probablement un peu trop de temps à être perplexes, mais c'est une chose étrange où nous essayons de faire écho à la balise actuelle ou à une chaîne unique - en fonction du type de page sur laquelle vous vous trouvez. Ce sont toujours les petites choses les plus stupides qui prennent le plus de temps.

Nous avons également du mal avec une petite spécificité stupide où nous voulons que les liens et les boutons dans l'en-tête soient légèrement différents. Nous avons une telle touche légère avec les sélecteurs dans ce projet. C'est généralement génial, pas de guerres de spécificité désagréables, mais c'est aussi parfois une douleur où d'autres sélecteurs très légers (faible spécificité) remplacent les autres et vous devez aller plus fort que vous ne le souhaiteriez pour le réparer. C'est la vie.