Neste screencast, vamos começar a construir o formulário de comentário em HTML / CSS. A marcação para o formulário de comentário reside no arquivo comments.php em nosso tema. Procuramos o elemento para encontrá-lo.
Apresentamos cada uma das três entradas (nome, e-mail, url) usando o sistema de grade que temos em vigor. Rapaz, aproveitamos bem isso, hein?
Já temos um arquivo CSS exclusivo para comentários, então é onde trabalharemos. A primeira coisa que escrevemos é tornar as entradas em nossa pequena grade 100% ampla para que se ajustem à coluna. Divs fariam isso naturalmente, mas as entradas se comportam mais como blocos embutidos e não preenchem automaticamente a largura dos contêineres pai. Também mexemos um pouco na área de texto principal, tornando-a 100% larga e não tão alta quanto antes. Decidimos não mexer com a capacidade de redimensionamento da área de texto. Realmente não quebra nada.
Então, colocamos o link Responder funcionando. O JavaScript já funciona bem, porque não mexemos com o ID do formulário do qual o JavaScript depende. No entanto, precisamos fazer alguns ajustes, como dar à forma um fundo cinza para que o design funcione.
Passamos o resto do tempo ajustando algumas coisas com consultas de mídia para que o formulário pareça OK em telas pequenas.