#89: 微调画廊栏

在这个视频中，我们对已经设置好的画廊栏进行了一系列微调，该栏包含了画廊的大部分功能。设计不就是不断调整吗？

我们调整了一些内边距，使元素排列得更整齐。我们对下拉菜单进行了样式设置，使其显示的菜单看起来更美观。在调整下拉菜单时，我们确保它们拥有足够大的可点击/可触控区域（display: block 链接）。这正是 CodeKit 中的样式注入非常有用的一个完美示例。我们确保鼠标悬停效果很明显，这样就能很清楚地知道你选择的是什么。在一个布局中，所有元素都看起来很相似，这一点非常重要。

我们使用了一个 WordPress 小技巧，通过使用过滤函数并返回空值来从标签链接中移除 title 属性（在这种情况下，title 属性弊大于利）。

我们添加了一个提交按钮，将其放置在栏的右侧，并创建了一种在画廊栏上下文中有效的按钮样式。

此网站上的画廊有点独特，因为它有几个模板，它们明显不同，但需要看起来很相似。例如，画廊的主页和画廊分类页。我们注意到这个问题，并花了一些时间进行必要的更改，使它们保持一致。我们采用了一些在本系列中反复使用过的技巧，例如创建一个包含文件，在两个模板中都使用它，这样就不会重复代码。

我们可能花太多时间去解决一个奇怪的问题，我们试图根据页面的类型回显当前标签或一个唯一的字符串。总是那些最简单的愚蠢问题最耗时间。

我们还在一个愚蠢的小优先级问题上遇到了困难，我们希望标题中的链接和按钮略有不同。在这个项目中，我们对选择器使用了非常轻量的处理方式。通常情况下，这是很好的，没有恶劣的优先级冲突，但它偶尔也会带来麻烦，因为其他非常轻量的（低优先级）选择器会覆盖其他选择器，你需要比预期更强势才能解决它。这就是生活。