# 109: Bersiap untuk Mengerjakan Komentar - Trik CSS

Anonim

Saya sangat senang bekerja di bagian komentar untuk situs ini. CSS-Tricks adalah rumah bagi beberapa diskusi yang luar biasa, terima kasih untuk kalian semua. Merancang bagian komentar itu penting karena perlu menampilkan diskusi hebat itu, menjaga agar diskusi hebat itu terjadi, dan memfasilitasi semua fungsionalitas utas diskusi berbasis WordPress.

Langkah pertama di sini adalah menyiapkan file Photoshop kita agar memiliki area bersih yang bagus untuk mendesain komentar. Kami menggunakan kisi 2/3 1/3, jadi kami membuatnya dengan cepat. Kami tidak akan melakukan sesuatu yang progresif terlalu gila di sini. Di kolom 2/3 utama akan ada artikel, dan di bawahnya, komentar. Tidak ada komentar mewah di sidebar atau di popup atau semacamnya.

Kami melihat komentar v9 untuk mengetahui arah kami. Semua hal yang Anda harapkan ada di sana. Gravatars, nama, tanggal, teks, link balasan… Satu hal yang kami putuskan untuk ditinggalkan adalah ikon RSS. WordPress menghasilkan umpan RSS untuk utas tetapi sangat jarang digunakan dan "Berlangganan Komentar" yang ditawarkan oleh JetPack adalah alternatif yang lebih baik bagi pengguna yang ingin mengikuti utas.

Di v9 kami hanya menampilkan tautan balasan di: hover. Ada kueri media untuk selalu menampilkannya di layar yang lebih kecil, tapi itu agak tersendat-sendat. Kami bisa lebih baik di sana. Di v9 kami juga memiliki sistem untuk "menampilkan" dan "mengubur" komentar. Saya secara pribadi mengatur komentar dan menerapkan label ini. Mungkin jelas, komentar unggulan memiliki sedikit UI yang membedakannya dan menarik perhatian orang yang melihat komentar tersebut. Komentar yang terkubur di v9 hanya disembunyikan, tetapi kita dapat melakukan sesuatu yang lebih menarik di sana. Komentar spam atau komentar kasar baru saja dihapus, tetapi ada kelompok komentar khusus (mis. "Pos hebat!") Yang tidak pantas dihapus, tetapi saya ingin tidak menekankan untuk 1) membuktikan kepada pengguna lainnya bahwa saya peduli dengan waktu mereka dan 2) mengajari pengguna bahwa komentar pincang itu timpang. Saya telah menulis lebih banyak tentang kurasi utas komentar di sini.v10 akan membutuhkan semua fungsi itu hanya untuk melakukan yang lebih baik. Misalnya, gaya komentar penulis akan menjadi tambahan yang bagus.

Komentar berulir adalah fitur utama lainnya. Saya telah secara khusus memilih untuk hanya mengizinkan satu tingkat bersarang. Seperti di, Anda dapat meninggalkan balasan untuk komentar, tetapi Anda tidak dapat meninggalkan balasan untuk balasan. Anda baru saja membalas komentar asli dan komentar tersebut akan muncul di sub-utas tersebut. Saya membuat pilihan ini karena saya pribadi bingung dan tidak suka membaca utas komentar yang bersarang lebih jauh dari itu.

Kami akhirnya melompat ke Photoshop sedikit dan meletakkan beberapa hal di halaman. Kami dalam kondisi yang baik sekarang untuk melanjutkan mendesain area penting ini.