Je suis très heureux de travailler sur la section commentaires de ce site. CSS-Tricks héberge d'excellentes discussions, grâce à vous tous, braves gens. La conception de la section des commentaires est importante car elle doit mettre en valeur ces excellentes discussions, maintenir ces bonnes discussions et faciliter toutes les fonctionnalités d'un fil de discussion basé sur WordPress.
La première étape consiste à préparer notre fichier Photoshop pour avoir une belle zone propre pour concevoir les commentaires. Nous utilisons une grille 2/3 1/3, donc nous simulons cela rapidement. Nous ne ferons rien de progressif trop fou ici. Dans la colonne principale 2/3 se trouvera l'article, et en dessous, les commentaires. Pas de commentaires fantaisistes dans la barre latérale ou dans une fenêtre contextuelle ou quelque chose comme ça.
Nous jetons un œil aux commentaires v9 pour prendre nos repères. Tout ce que vous attendez est là. Gravatars, noms, dates, texte, liens de réponse… Une chose que nous décidons d'abandonner est l'icône RSS. WordPress génère des flux RSS pour les fils, mais il est très rarement utilisé et le «S'abonner aux commentaires» proposé par JetPack est une meilleure alternative pour les utilisateurs qui cherchent à suivre un fil.
Dans la v9, nous ne révélons le lien de réponse que sur: hover. Il y a une requête média pour l'afficher toujours sur des écrans plus petits, mais c'est un peu bizarre. On peut faire mieux là-bas. Dans la v9, nous avons également un système pour «mettre en vedette» et «enterrer» les commentaires. Je gère personnellement les commentaires et j'applique ces étiquettes. Peut-être évidemment, les commentaires présentés ont un peu d'interface utilisateur qui les distingue et attire l'attention des personnes qui parcourent les commentaires. Les commentaires enfouis dans la v9 sont simplement cachés, mais nous pouvons y faire quelque chose de plus intéressant. Les commentaires de spam ou les commentaires grossiers sont simplement supprimés, mais il existe une classe spéciale de commentaires (par exemple «Super article!») Qui ne méritent pas d'être supprimés, mais j'aime désaccentuer à 1) prouver au reste des utilisateurs que je se soucient de leur temps et 2) apprenez aux utilisateurs que les commentaires boiteux sont boiteux. J'ai écrit plus sur la conservation des fils de commentaires ici.v10 aura besoin de toutes ces fonctionnalités pour faire encore mieux. Par exemple, le style des commentaires de l'auteur serait un bon ajout.
Les commentaires filetés sont une autre caractéristique majeure. J'ai spécifiquement choisi de n'autoriser qu'un seul niveau de nidification. Comme dans, vous pouvez laisser une réponse à un commentaire, mais vous ne pouvez pas laisser de réponse à une réponse. Vous répondez simplement au commentaire original et il apparaîtra dans ce sous-fil. J'ai fait ce choix parce que je suis personnellement confus et que je n'aime pas lire les fils de commentaires qui vont plus loin que cela.
Nous finissons par sauter un peu dans Photoshop et mettre quelques éléments sur la page. Nous sommes maintenant en bonne forme pour procéder à la conception de cet important domaine.