Jestem bardzo podekscytowany pracą nad sekcją komentarzy w tej witrynie. CSS-Tricks jest miejscem wielu wspaniałych dyskusji, dzięki Wam wszystkim wspaniałym ludziom. Zaprojektowanie sekcji komentarzy jest ważne, ponieważ musi przedstawiać te wspaniałe dyskusje, utrzymywać te wspaniałe dyskusje i ułatwiać wszystkie funkcje wątku dyskusyjnego opartego na WordPressie.
Pierwszym krokiem jest przygotowanie naszego pliku Photoshopa tak, aby miał ładny, czysty obszar do projektowania komentarzy. Używamy siatki 2/3 1/3, więc szybko to robimy. Nie będziemy tutaj robić niczego zbyt szalonego progresywnego. W głównej kolumnie 2/3 będzie artykuł, a poniżej komentarze. Żadnych wymyślnych komentarzy na pasku bocznym, w wyskakujących okienkach ani w czymś podobnym.
Przyjrzyjmy się komentarzom do wersji 9, aby uzyskać orientację. Jest tam wszystko, czego można się spodziewać. Gravatary, nazwy, daty, tekst, linki do odpowiedzi… Jedną z rzeczy, które zdecydowaliśmy się porzucić, jest ikona RSS. WordPress generuje kanały RSS dla wątków, ale jest bardzo rzadko używany, a opcja „Subskrybuj komentarze” oferowana przez JetPack jest lepszą alternatywą dla użytkowników, którzy chcą być na bieżąco z wątkiem.
W wersji 9 odsyłamy tylko do linku do odpowiedzi: hover. Istnieje zapytanie o media, aby wyświetlić je zawsze na mniejszych ekranach, ale to trochę szarpane. Tam możemy zrobić lepiej. W wersji 9 mamy również system „prezentowania” i „grzebania” komentarzy. Osobiście selekcjonuję komentarze i stosuję te etykiety. Być może oczywiście polecane komentarze mają trochę interfejsu użytkownika, który je wyróżnia i przyciąga wzrok osób przeglądających komentarze. Zagrzebane komentarze w wersji 9 są po prostu ukryte, ale możemy tam zrobić coś ciekawszego. Komentarze ze spamu lub niegrzeczne komentarze są po prostu usuwane, ale istnieje specjalna klasa komentarzy (np. „Świetny post!”), Które nie zasługują na usunięcie, ale chciałbym zneutralizować 1) udowodnić pozostałym użytkownikom, że dbają o swój czas i 2) ucz użytkowników, że kiepskie komentarze są kiepskie. Więcej o kurowaniu wątków komentarzy napisałem tutaj.v10 będzie potrzebować całej tej funkcjonalności tylko jeszcze lepiej. Na przykład stylizacja komentarzy autora byłaby dobrym dodatkiem.
Komentarze w wątkach to kolejna ważna funkcja. Specjalnie wybrałem zezwolenie tylko na jeden poziom zagnieżdżenia. Tak jak w przypadku, możesz zostawić odpowiedź na komentarz, ale nie możesz zostawić odpowiedzi na odpowiedź. Po prostu odpowiesz na oryginalny komentarz, a pojawi się on w tym pod-wątku. Dokonałem tego wyboru, ponieważ osobiście jestem zdezorientowany i nie lubię czytać wątków komentarzy, które zagnieżdżają się dalej.
W końcu wskakujemy trochę do Photoshopa i umieszczamy kilka rzeczy na stronie. Jesteśmy teraz w dobrej formie, aby kontynuować projektowanie tego ważnego obszaru.