Dans ce screencast, nous allons commencer à créer le formulaire de commentaire en HTML / CSS. Le balisage du formulaire de commentaire se trouve dans le fichier comments.php de notre thème. Nous cherchons l' élément pour le trouver.
Nous présentons chacune des trois entrées (nom, email, url) en utilisant le système de grille que nous avons en place. Mec, on en a fait bon usage, hein?
Nous avons déjà un fichier CSS exclusivement pour les éléments liés aux commentaires, c'est donc là que nous allons travailler. La première chose que nous écrivons est de faire en sorte que les entrées de notre petite grille soient 100% larges afin qu'elles tiennent dans la colonne. Les divisions feraient cela naturellement, mais les entrées se comportent plus comme des blocs en ligne et ne remplissent pas automatiquement la largeur de leurs conteneurs parents. Nous manipulons également un peu la zone de texte principale, ce qui la rend 100% large et pas aussi haute qu'elle l'était. Nous décidons de ne pas gâcher la capacité de redimensionnement de la zone de texte. Ça ne casse vraiment rien.
Ensuite, nous faisons fonctionner le lien de réponse. Le JavaScript fonctionne déjà très bien, car nous n'avons pas manipulé l'ID du formulaire sur lequel le JavaScript repose. Nous devons cependant apporter quelques modifications, comme donner au formulaire un fond gris pour que sa conception fonctionne.
Nous passons le reste du temps à peaufiner certaines choses avec des requêtes multimédias afin que le formulaire soit correct sur les petits écrans.