Jag är väldigt glad att arbeta med kommentarsektionen för den här webbplatsen. CSS-Tricks är hem för några utmärkta diskussioner, tack till alla fina människor. Att utforma kommentarsektionen är viktigt eftersom det måste visa upp de här fantastiska diskussionerna, hålla de stora diskussionerna på gång och underlätta all funktionalitet i en WordPress-baserad diskussionstråd.
Det första steget här är att förbereda vår Photoshop-fil för att ha ett trevligt rent område att utforma kommentarer i. Vi använder ett 2/3 1/3 rutnät, så vi hånar det snabbt. Vi kommer inte att göra något för galet progressivt här. I huvudkolumnen 2/3 kommer artikeln att finnas och nedanför kommentarerna. Inga snygga kommentarer i sidofältet eller i en popup eller något liknande.
Vi tittar på v9-kommentarerna för att få tag på oss. Allt du kan förvänta dig finns där. Gravatarer, namn, datum, text, svarslänkar ... En sak som vi bestämmer oss för att dike är RSS-ikonen. WordPress genererar RSS-flöden för trådar men det används väldigt sällan och "Prenumerera på kommentarer" som erbjuds av JetPack är ett bättre alternativ för användare som vill hålla koll på en tråd.
I v9 avslöjar vi bara svarslänken på: sväva. Det finns en mediefråga för att visa den alltid på mindre skärmar, men det är lite janky. Vi kan göra bättre där. I v9 har vi också ett system för att "presentera" och "begrava" kommentarer. Jag samlar personligen kommentarerna och tillämpar dessa etiketter. Kanske uppenbarligen har utvalda kommentarer lite användargränssnitt för dem som skiljer dem och fångar ögat hos människor som tittar på kommentarerna. Begravda kommentarer i v9 är bara dolda, men vi kan göra något mer intressant där. Skräppostkommentarer eller oförskämda kommentarer raderas bara, men det finns en speciell klass av kommentarer (t.ex. “Bra inlägg!”) Som inte förtjänar radering men jag vill betona för att 1) bevisa för resten av användarna att jag bryr sig om sin tid och 2) lär användarna att lama kommentarer är lama. Jag har skrivit mer om att kurera kommentarerstrådar här.v10 behöver all den funktionen bara göra ännu bättre. Till exempel skulle författarens kommentarstyling vara ett bra tillskott.
Trådade kommentarer är en annan viktig funktion. Jag har specifikt valt att bara tillåta en häckningsnivå. Som i kan du lämna ett svar på en kommentar, men du kan inte lämna ett svar på ett svar. Du skulle bara svara på den ursprungliga kommentaren och den kommer att visas i den undertråden. Jag gjorde det här valet eftersom jag personligen blir förvirrad och inte gillar att läsa kommentarerstrådar som häckar längre än så.
Vi hamnar lite i Photoshop och lägger några saker på sidan. Vi är i god form nu för att fortsätta utforma detta viktiga område.