Começamos a cavar no Photoshop aqui e projetar a área de comentários. Começamos pelo topo, ou seja, os próprios comentários individuais (em oposição ao formulário de comentários).
Conseguimos um avatar para trabalhar. Usaremos o serviço Gravatar com certeza, pois ele é feito sob medida para isso e se integra perfeitamente ao WordPress. Além disso, sou um grande fã de avatares e do sentimento de propriedade pessoal que eles proporcionam a você em um site.
Parte desse design simplesmente se encaixa facilmente. Usamos uma caixa branca em cinza como todos os módulos do site. Colocamos no avatar. Tornamos o nome um link e usamos o link azul que usamos em todos os outros lugares. Colocamos a data do comentário usando o mesmo estilo de todas as datas do site. O tempo todo ficamos tão organizados quanto podemos no Photoshop.
Para respostas de comentários, recuamos um pouco o comentário abaixo, tentando ficar alinhado com a sub-grade que criamos. Também precisaremos de um link nos comentários de nível superior para criar essas respostas, portanto, colocamos um link no canto superior direito desses comentários. O mesmo link azul de sempre. Usamos uma seta do nosso conjunto de ícones Entypo - só que não havia a seta perfeita ali, tivemos que escolher uma que estivesse perto e girá-la 180 graus. Isso não deve ser problema no CSS.
Para deixar claro que a data do comentário também é um link permanente, usaremos um ícone para isso também.
Nós brincamos com onde os links de “funcionalidade” devem ir, mas não nos demoramos muito nisso. As únicas pessoas que vão ver isso sou eu. Só para constar, foi isso que eu acabei fazendo.