CSS-Tricks 上有很多内容。这也是它的设计有点挑战的原因之一。虽然我们可以保持设计简洁,但我们可能无法做到“极简”,因为网站上有太多值得关注的内容,这些内容构成了网站的本质。
也就是说,搜索在 CSS-Tricks 上非常重要。它被大量使用,每天有数百次搜索。如果我们能使搜索更显眼、更明显,我们甚至可以改进它。我希望人们使用搜索。我知道它运作良好,帮助用户找到他们想要的东西对每个人都有益。此外,从心理上讲,我认为以一种大而明显的方式提供搜索,表明了对网站内容的自信。
一个大的蓝色方框,上面有一个放大镜(通过我们的图标字体),位于头部位置,这将适合我们。蓝色在灰色上的对比非常醒目,传达了可点击性。
我们设想,当点击放大镜时,蓝色框会扩展成一个搜索框。它最初保持关闭状态的原因是:1)我们可以利用头部区域的额外空间放置我们的顶级赞助商;2)放大镜实际上可能比表单字段更显眼。
搜索表单包含您预期的内容:一个搜索字段和一个按钮。但它还有一些可以点击的链接,可以缩小您执行的搜索范围。我们将在即将到来的屏幕录像中使其真正起作用。
我认为是在最后一个视频中,您提醒我们博客文章是网站上最重要的部分,但在搜索中,您无法筛选仅搜索博客档案吗?
绝对正确。
目前这是一个技术限制。您会注意到(在撰写本文时),CSS-Tricks 上的博客文章直接来自根 URL。例如:css-tricks.com/slug-of-blog-post/
这意味着很难创建一个 Google CSE,使其结果仅限于博客文章。而创建仅限于论坛结果的 CSE 则很容易,因为您可以将其搜索范围限制在 css-tricks.com/forums/
我已经尝试过很多方法,但所有这些方法在某种程度上都不令人满意,这些方法都是为了将博客文章迁移到 /blog/。我将随着时间的推移继续尝试,最终会实现它。
或者,我将创建一个反向 Google CSE,它过滤掉不是博客文章的结果。这也会带来它自己的挑战。而且没有将它们迁移到 /blog/ 的好处,即能够专门跟踪博客文章的分析数据。
明白了。这是有道理的。您是否看到我在 GitHub 上提出了一些关于如何处理这个问题的建议?我认为,如果您知道有有限数量的部分(例如 /snippets/ 是一个部分),那么白名单方法将非常有效,而且易于实施。
我非常喜欢搜索表单的设计!它如此简单,但又很酷、很棒!顺便说一句,我喜欢这些视频..我已经使用 CSS-Tricks 大约 2 年了,并且非常喜欢它,但这个屏幕录像系列真是太棒了!真是个好主意!