Neste vídeo, fazemos vários ajustes na barra que configuramos com a maioria das funcionalidades da Galeria. Design tem tudo a ver com ajustes, não é?
Ajustamos um pouco de preenchimento para alinhar melhor as coisas. Nós estilizamos o menu suspenso para que o menu revelado pareça um pouco melhor. Ao ajustar isso, garantimos que eles tenham uma área clicável / tocável ( display: block
links) muito grande . Este é um exemplo perfeito de onde a injeção de estilo do CodeKit é muito útil. Garantimos que o rollover seja forte, visualmente, para que fique bem claro o que você está selecionando. Muito importante em um layout como este, onde tudo parece muito semelhante.
Fazemos um pequeno truque do WordPress em que removemos o atributo title dos links de tag (que são piores do que inúteis neste caso) usando uma função de filtro e não retornando nada.
Adicionamos um botão enviar, posicionamos à direita da barra e criamos um estilo de botão que funciona no contexto da barra da galeria.
A galeria neste site é um pouco única, pois há alguns modelos que são claramente diferentes, mas precisam ser muito semelhantes. Por exemplo, a página inicial da galeria e a página para taxonomias de galeria. Percebemos esse problema e levamos algum tempo para fazer as alterações necessárias para torná-los iguais. Empregamos algumas técnicas que usamos continuamente nesta série, como fazer uma inclusão para usar em ambos os modelos, para não nos repetir.
Provavelmente passamos muito tempo confusos, mas é uma coisa estranha onde estamos tentando ecoar a tag atual ou uma string única - dependendo do tipo de página em que você está. São sempre as coisinhas mais idiotas que demoram mais.
Também lutamos com uma pequena especificidade estúpida em que queremos que os links e botões no cabeçalho sejam ligeiramente diferentes. Temos um toque tão leve com seletores neste projeto. Isso geralmente é ótimo, sem guerras de especificidade desagradáveis, mas também é ocasionalmente uma dor onde outros seletores muito leves (baixa especificidade) substituem outros e você precisa ir mais forte do que gostaria para consertá-lo. É a vida.