我非常激动能够开始为这个网站开发评论功能。感谢各位的参与，CSS-Tricks 上充满了精彩的讨论。设计评论区非常重要，因为它需要展示这些精彩的讨论，保持这些讨论的延续，并提供 WordPress 基于讨论线程的所有功能。
第一步是准备我们的 Photoshop 文件，以便为评论设计提供一个干净整洁的区域。我们使用 2/3 和 1/3 的网格，因此我们快速地模拟了它。这里我们不会做任何过于激进的尝试。主要 2/3 的区域将放置文章，文章下方是评论。不会在侧边栏或弹出窗口中放置任何花哨的评论。
我们查看 v9 的评论来了解基本情况。所有你期望的功能都在那里。头像、姓名、日期、文本、回复链接……我们决定放弃 RSS 图标。WordPress 为线程生成 RSS 提要，但它很少被使用，而 JetPack 提供的“订阅评论”对于希望持续关注线程的用户来说是一个更好的选择。
在 v9 中，我们只在鼠标悬停时显示回复链接。有一个媒体查询在较小的屏幕上始终显示它，但这有点笨拙。我们可以做得更好。在 v9 中，我们还有一个用于“置顶”和“隐藏”评论的系统。我个人会管理评论并应用这些标签。可能很明显，置顶的评论会有一些 UI 来区分它们并吸引浏览评论的人的注意。在 v9 中，隐藏的评论只是隐藏起来，但我们可以做一些更有意思的事情。垃圾评论或粗鲁的评论会被直接删除，但还有一类特殊的评论（例如“很棒的文章！”），它们不值得删除，但我喜欢淡化它们，原因是：1）向其他用户证明我关心他们的时间；2）教导用户平淡的评论是不好的。我之前写过关于 管理评论线程的文章。v10 需要所有这些功能，但要做得更好。例如，作者评论的样式将是一个不错的补充。
嵌套评论是另一个主要功能。我特别选择只允许一层嵌套。也就是说，你可以回复评论，但你不能回复回复。你只需回复原始评论，它就会出现在该子线程中。我做出这个选择是因为我个人很容易感到困惑，并且不喜欢阅读嵌套超过一层的评论线程。
我们最终进入 Photoshop 并将一些内容放在页面上。现在我们已经准备好继续设计这个重要的区域了。