Jeg er meget begejstret for at arbejde på kommentarsektionen for dette websted. CSS-Tricks er hjemsted for nogle fremragende diskussioner takket være alle dine fine folk. Det er vigtigt at designe kommentarsektionen, fordi det er nødvendigt at fremvise de store diskussioner, holde de gode diskussioner i gang og lette al funktionaliteten i en WordPress-baseret diskussionstråd.
Det første trin her er at forberede vores Photoshop-fil til at have et dejligt rent område at designe kommentarer i. Vi bruger et 2/3 1/3 gitter, så vi håner det hurtigt. Vi gør ikke noget for vanvittigt progressivt her. I hovedkolonnen 2/3 vil artiklen være, og nedenunder kommentarerne. Ingen fancy kommentarer i sidebjælken eller i en popup eller noget lignende.
Vi kigger på v9-kommentarerne for at få vores lejer. Alle de ting, du ville forvente, er der. Gravatarer, navne, datoer, tekst, svarlinks ... En ting, vi beslutter at droppe, er RSS-ikonet. WordPress genererer RSS-feeds til tråde, men det bruges meget sjældent, og "Abonner på kommentarer", der tilbydes af JetPack, er et bedre alternativ for brugere, der ønsker at følge med en tråd.
I v9 afslører vi kun svarlinket på: svæver. Der er en medieforespørgsel, der altid skal vises på mindre skærme, men det er lidt sjovt. Vi kan gøre det bedre der. I v9 har vi også et system til at "præsentere" og "begrave" kommentarer. Jeg kuraterer personligt kommentarerne og anvender disse etiketter. Måske har tydeligvis fremhævede kommentarer lidt brugergrænseflade til dem, der adskiller dem og fanger øjet hos folk, der gennemser kommentarerne. Begravede kommentarer i v9 er bare skjult, men vi kan gøre noget mere interessant der. Spamkommentarer eller uhøflige kommentarer slettes netop, men der er en særlig klasse af kommentarer (f.eks. “Fantastisk indlæg!”), Der ikke fortjener sletning, men jeg kan lide at understrege at 1) bevise for resten af brugerne, at jeg bryr sig om deres tid og 2) lær brugerne, at lamme kommentarer er haltede. Jeg har skrevet mere om kuratering af kommentartråde her.v10 har brug for al denne funktionalitet kun gøre det endnu bedre. For eksempel ville styling af forfatterkommentarer være en god tilføjelse.
Trådede kommentarer er en anden vigtig funktion. Jeg har specifikt valgt kun at tillade et niveau af indlejring. Som i kan du efterlade et svar på en kommentar, men du kan ikke efterlade et svar på et svar. Du vil bare svare på den originale kommentar, og den vises i den undertråd. Jeg foretog dette valg, fordi jeg personligt bliver forvirret og ikke kan lide at læse kommentartråde, der reden længere end det.
Vi ender med at hoppe lidt ind i Photoshop og lægge et par ting på siden. Vi er i god form nu for at fortsætte med at designe dette vigtige område.