# 109: Chuẩn bị cho Bình luận - Thủ thuật CSS

Anonim

Tôi rất hào hứng làm việc trên phần bình luận cho trang web này. CSS-Tricks là nơi có một số cuộc thảo luận tuyệt vời, cảm ơn tất cả những người bạn tốt. Thiết kế phần nhận xét là rất quan trọng vì nó cần giới thiệu những cuộc thảo luận tuyệt vời đó, giữ cho những cuộc thảo luận tuyệt vời đó diễn ra và tạo điều kiện thuận lợi cho tất cả các chức năng của một chuỗi thảo luận dựa trên WordPress.

Bước đầu tiên ở đây là chuẩn bị tệp Photoshop của chúng tôi để có một khu vực sạch đẹp để thiết kế các nhận xét. Chúng tôi đang sử dụng lưới 2/3 1/3, vì vậy chúng tôi mô phỏng nó một cách nhanh chóng. Chúng tôi sẽ không làm bất cứ điều gì quá điên rồ tiến bộ ở đây. Trong 2/3 cột chính sẽ là bài viết, và bên dưới là các bình luận. Không có bình luận ưa thích trong thanh bên hoặc trong cửa sổ bật lên hoặc bất cứ điều gì tương tự.

Chúng tôi xem xét các nhận xét v9 để có được vòng bi của chúng tôi. Tất cả những thứ bạn mong đợi đều ở đó. Gravatars, tên, ngày tháng, văn bản, liên kết trả lời… Một thứ mà chúng tôi quyết định loại bỏ là biểu tượng RSS. WordPress tạo nguồn cấp dữ liệu RSS cho các chủ đề nhưng nó rất hiếm khi được sử dụng và tính năng “Đăng ký nhận xét” do JetPack cung cấp là một giải pháp thay thế tốt hơn cho những người dùng muốn cập nhật một chủ đề.

Trong v9, chúng tôi chỉ tiết lộ liên kết trả lời trên: hover. Có một truy vấn phương tiện truyền thông để hiển thị nó luôn trên màn hình nhỏ hơn, nhưng điều đó hơi phức tạp. Chúng tôi có thể làm tốt hơn ở đó. Trong v9, chúng tôi cũng có một hệ thống để "làm nổi bật" và "chôn vùi" các nhận xét. Cá nhân tôi sắp xếp các nhận xét và áp dụng các nhãn này. Có lẽ rõ ràng, các bình luận nổi bật có một chút giao diện người dùng để phân biệt chúng và thu hút sự chú ý của những người đang duyệt bình luận. Bình luận bị chôn vùi trong v9 chỉ bị ẩn đi, nhưng chúng tôi có thể làm điều gì đó thú vị hơn ở đó. Nhận xét spam hoặc nhận xét khiếm nhã chỉ bị xóa, nhưng có một loại nhận xét đặc biệt (ví dụ: “Bài đăng tuyệt vời!”) Không đáng bị xóa nhưng tôi muốn nhấn mạnh là 1) chứng minh cho những người dùng còn lại rằng tôi quan tâm đến thời gian của họ và 2) dạy người dùng rằng nhận xét khập khiễng là khập khiễng. Tôi đã viết thêm về quản lý các chủ đề bình luận ở đây.v10 sẽ cần tất cả những chức năng đó chỉ làm tốt hơn. Ví dụ, kiểu bình luận của tác giả sẽ là một bổ sung tốt.

Nhận xét theo luồng là một tính năng chính khác. Tôi đã đặc biệt chọn chỉ cho phép một cấp độ lồng vào nhau. Như trong, bạn có thể để lại câu trả lời cho một nhận xét, nhưng bạn không thể để lại câu trả lời cho một câu trả lời. Bạn chỉ cần trả lời nhận xét ban đầu và nó sẽ xuất hiện trong chuỗi phụ đó. Tôi đưa ra lựa chọn này vì cá nhân tôi cảm thấy bối rối và không thích đọc các chủ đề bình luận lồng ghép hơn thế.

Chúng tôi kết thúc việc chuyển sang Photoshop một chút và đưa một vài thứ lên trang. Hiện tại chúng tôi đang trong tình trạng tốt để tiến hành thiết kế khu vực quan trọng này.