Nous commençons à creuser dans Photoshop ici et à concevoir la zone de commentaires. Nous commençons par le haut, c'est-à-dire les commentaires individuels eux-mêmes (par opposition au formulaire de commentaire).
Nous avons un avatar avec lequel travailler. Nous allons certainement utiliser le service Gravatar, car il est fait sur mesure pour cela et parfaitement intégré à WordPress. Au-delà de ça, je suis un grand fan des avatars et du sentiment d'appartenance personnelle qu'ils vous donnent sur un site.
Une partie de cette conception se met facilement en place. Nous utilisons une boîte blanche sur gris comme tous les modules du site. On plop dans l'avatar. Nous faisons du nom un lien et utilisons le lien bleu que nous utilisons partout ailleurs. Nous avons mis la date du commentaire en utilisant le même style que toutes les dates sur le site. Pendant tout ce temps, nous restons aussi organisés que possible dans Photoshop.
Pour les réponses aux commentaires, nous indentons un peu le commentaire ci-dessous, en essayant de rester aligné avec la sous-grille que nous avons créée. Nous aurons également besoin d'un lien sur les commentaires de haut niveau dans lequel créer ces réponses, nous plaçons donc un lien dans le coin supérieur droit de ces commentaires. Même lien bleu que toujours. Nous utilisons une flèche de notre jeu d'icônes Entypo - mais il n'y avait pas la flèche parfaite, nous avons dû en choisir une qui était proche et la faire pivoter de 180 degrés. Cela ne devrait pas poser de problème en CSS.
Pour préciser que la date du commentaire est également un lien permanent, nous utiliserons également une icône pour cela.
Nous jouons avec la destination des liens de «fonctionnalité», mais ne vous y attardez pas trop longtemps. Les seules personnes qui verront jamais ça, c'est moi. Pour mémoire, c'est ce que j'ai fini par faire.