作者

Chris Coyier

创始人、作家、设计师、垃圾邮件删除者、电子邮件个性

#118：使用主题切换插件查看实时网站

在这个屏幕录像中，我们向网站添加了一个新的插件，该插件使我们能够切换实时网站上的主题，但只有我们（作为管理员）才能看到，普通访问者看不到。

在我们添加…之前

2015 年 10 月 15 日

在上一段视频中，我们对要使用哪个标题感到困惑后，这次我们真的要实现交易页面的自定义标题了！这个标题是由 Meg Hunt 完成的。

就像…

2015 年 10 月 15 日

最后剩下的标题已经完成了！我们现在可以完成它们，并完成所有自定义标题。在这个屏幕录像中，我们将完成由 John Neiner 完成的演示部分的自定义标题。

有趣的是，John…

2015 年 10 月 15 日

我们将使用 Google AdSense 在网站上添加一个新的广告区域。我们之前确实删除了一个 BuySellAds 区域，所以我们并不是试图在…之前就投入新的广告。

2015 年 10 月 15 日

在这个屏幕录像中，我们将开始使用 HTML/CSS 构建评论表单。评论表单的标记位于主题中的 comments.php 文件中。我们寻找 <form> 元素来找到它。

我们布局…

2015 年 10 月 15 日

在这个屏幕录像中，我们将回到 Photoshop 并设计评论表单本身。也就是说，用户需要填写输入框和文本区域以发表评论。默认情况下，它位于评论…的末尾。

2015 年 10 月 15 日

在最后一个屏幕录像的最后，我们发现我们的 Photoshop 设计，尽管很简单，但也存在一个问题，这个问题用代码很难克服。回复评论位于同一个…中。

2015 年 10 月 15 日

评论的设计可能看起来非常简单。而且确实如此！但我认为在这种情况下，简单有效。评论是 CSS-Tricks 的重要组成部分，我希望它们易于阅读且舒适。

现在我们要…

2015 年 10 月 15 日

我们从这里开始深入 Photoshop 并设计评论区域。我们从顶部开始，这意味着单个评论本身（而不是评论表单）。

我们找到了一个头像来使用。我们将使用 Gravatar 服务…

2015 年 10 月 14 日