#88: 构建画廊栏

我们开始构建画廊标题下方的栏。这个栏的任务很多。它告诉人们他们在哪里以及他们在观看什么(面包屑,以简单的方式)。它还将包含分页、按钮,并且始终需要响应式。

这是我们所说的“黑条”导航的开始,它在网站设计中的其余部分真正成为一个东西。

我们编写了栏的标记,包括在需要时使用我们的图标字体作为下拉菜单中的向下箭头。在 Font Explorer X 中快速参考字符表以获得 HTML 图标可以是什么值非常容易。

我们使用 wp_tag_cloud() 函数将来自我们为画廊定制的分类法的一系列标签输出到页面上。我们只需对标记进行样式设置,使其行为像下拉菜单。我们只编写了一些 JavaScript 来显示/隐藏此下拉菜单。就像我们过去对网站主导航所做的那样,我们所做的只是使用 JavaScript 更改类名,让 CSS 完成工作。

最终,我们有一个可用的画廊下拉菜单,这很好。它确实是画廊导航的“主力军”。