Tùy chỉnh comment wordpress
Trước đây mình đã hướng dẫn các bạn tùy chỉnh Tùy chỉnh previous and next post wordpress, hôm nay chúng ta sẽ cùng nhau tùy biến khung nhận xét để nó hiển thị comment trong wordpress đẹp hơn và chuyên nghiệp hơn. Show
CSS để khung nhận xét đẹp hơnLàm nổi bật nhận xét của authorĐể làm nổi bật phần nhận xét của tác giả chúng ta sẽ dùng lớp css .bypostauthor. Các bạn sẽ dễ dàng phát hiện ra lớp này bằng cách kiểm tra phần tử của các lớp id, class comment trong wordpress. Bạn có thể css lại theo sở thích riêng của mình.
Các bạn tải ảnh http://1.bp.blogspot.com/-gcsR5BSMhwI/UGiLVj7nqSI/AAAAAAAABd8/HFUfhoVcZiQ/s1600/80a7114fe4.png lên host của mình và lấy link thay vào nhé. Author Highlight Comment User Badge WordPress Plugin là một plugin miễn phí để làm nổi bật nhận xét của tác giả bài đăng. Plugin miễn phí này thêm các lớp “huy hiệu” để phân biệt nhận xét các tác giả, admin, cộng tác viên với nhận xét của khách. Tùy chỉnh chức năng của nhận xétCách hiển thị ảnh đại diện tùy chỉnh trong nhận xét khách không có GravatarTrong hệ thống nhận xét mặc định của WordPress, IMG avarta nhận xét hiển thị theo Gravatar. Đa số các blogger và admin web đều có gravatars nhưng mọi người dùng thông thường thì không thể sử dụng gravatar nhiều vì họ không quá cần thiết. Do đó đa số người dùng nhận xét sẽ được gán logo gravatar mặc định, bạn muốn thay ảnh logo gravatar bằng hình ảnh khác mà bạn cảm thấy hợp lý hơn nhằm làm blog trở nên độc đáo. Rất đơn giản hãy tao một ảnh PNG có kích thước 80px * 80px với tên tệp custom-avatar.png và tải nó lên images của theme. Bây giờ hãy chèn các dòng mã sau vào cuối file functions.php.
Lưu tệp và chuyển đến Settings >> Discussion. Ở cuối trang cài đặt Discussion, bạn có thể tìm thấy hình ảnh đã tải lên của mình. Letter AvatarsNếu bạn thích phần nhận xét của mình thêm sinh động hơn thì cũng có thể sử dụng 1 trong 3 plugins dưới đây để tạo hình đại diện với các chữ cái tự động được tạo nên dựa trên các chữ cái đầu tiên của người nhận xét. Bạn có thể dùng Letter Avatars, Leira Letter Avatar hoặc WP First Letter Avatar. Phân trang cho nhận xét wordpressPhân trang bình luật cho wp giúp tải các nhận xét trong từng trang comment nhanh hơn và trông khung nhận xét chuyên nghiệp hơn rất nhiều. Để phân trang các bình luận WordPress các bạn cần thiết lập một chút phần cài đặt Thảo luận. Đi đến Settings » Discussions để chỉnh sửa theo hình dưới. Các bạn phải bật tùy chọn Break comments into pages như trong hình trước khi thực hiện bước tiếp theo. Các bạn cần phải tìm đoạn code phân trang mặc định trong tệp comments.php trong theme của bạn. Code phân trang mặc định thường sẽ cấu trúc tương tự (mỗi theme code sẽ khác nhau) Các bình luận (comment) là một phần rất quan trọng của website, nó giúp độc giả nói lên suy nghĩ, thắc mắc của bản thân, nó cho phép tác giả hồi đáp, tương tác với người đọc, và nó tiết lộ cho chủ web nhiều ý tưởng mới về nội dung. Hôm nay chúng ta sẽ tập trung vào phần tùy biến các tính năng comment mặc định của WordPress. Vì mặc dù bạn có thể chèn comment Facebook hoặc các ứng dụng comment khác (như Disqus), thì trên thực tế comment mặc định của WordPress vẫn cực kỳ phổ biến do tính đơn giản, dễ dùng, hỗ trợ tốt cho SEO & dĩ nhiên cả miễn phí nữa. Mục lục
A. Người dùng gửi bình luận như thế nào?Phần cuối mỗi bài viết sẽ là phần người dùng gửi bình luận, trông nó giống như thế này: Bố cục sẽ khác nhau tùy từng giao diện (theme), nhưng bao giờ cũng có 4 trường thông tin:
Trong đó chỉ có trường website là không bắt buộc điền, còn 3 trường đầu người dùng phải điền mới gửi được. Email có thể được dùng để báo cho người gửi bình luận biết nếu câu hỏi của họ được tác giả hoặc ai đó trả lời, địa chỉ email cũng giúp hiển thị ảnh avatar nếu người dùng email đó đã đăng ký với dịch vụ ảnh avatar toàn cầu có tên là Gravatar. Nói thêm là địa chỉ email sẽ không hiện ra ngoài, chỉ chủ website mới biết địa chỉ email của người gửi bình luận. OK, tiếp theo chúng ta bắt đầu vào phần thiết lập nhé. B. Tùy chỉnh dựa trên các thiết lập có sẵnỞ Dashboard (bảng tin), các tùy chỉnh liên quan đến bình luận trên WordPress bạn tìm ở phần Cài đặt > Thảo luận (với giao diện tiếng Anh là Settings > Discussion): Giao diện tùy chỉnh hiện ra như thế này: Chúng ta sẽ đi vào chi tiết từng phần. 1. Tùy chọn mặc định cho bài viết / trang. Tắt comment trên WordPress nếu muốnĐây là nội dung tiếng Anh của phần này (tick dấu v nghĩa là được chọn, dưới đây là các thiết lập mặc định khi bạn tạo blog): Còn đây là phần nội dung tiếng Việt tương ứng (ô trống là bỏ chọn, dưới là các thiết lập được tôi thay đổi rồi – nó thích hợp với tôi, bạn tất nhiên có thể chọn khác): Giải thích ý nghĩa:
(*) Tôi cần giải thích thêm một chút ở phần này cho những ai quan tâm. Việc thay đổi ở thiết lập này sẽ không áp dụng cho các bài viết cũ mà chỉ áp dụng cho các bài viết mới (kể từ thời điểm lưu thiết lập). Điều này nghĩa là nếu trước đây bạn khóa bình luận, rồi sau đó bạn mở lại thì các bài viết cũ vẫn bị khóa bình luận. Ngược lại nếu trước đây bạn mở bình luận và bây giờ khóa thì chỉ khóa bình luận của bài mới sau này, các bài viết cũ vẫn mở comment. Còn câu cuối cùng: Những tùy chọn này có thể được chỉnh riêng cho từng bài viết/trang. Ý của câu trên là, các thiết lập này là toàn cục, áp dụng lên toàn trang web, nhưng một bài viết cụ thể được phép điều chỉnh theo ý riêng, ví dụ như thiết lập bình luận của tất cả bài viết là mở, nhưng một bài cụ thể nào đó bạn chủ động khóa bình luận vẫn được. Điều ngược lại cũng đúng. Mường tượng dễ hiểu thì điều này giống kiểu: phép vua thua lệ làng. Muốn điều chỉnh mở/tắt comment trên một bài viết cụ thể, ở trình biên tập (sửa bài hoặc đang viết bài) bạn kéo xuống cuối sẽ thấy tùy chọn như thế này: Ở đây bạn có quyền thay đổi các lựa chọn khác với thiết lập mặc định của toàn bộ website. 2. Các tùy chọn khác về commentĐây là nội dung tiếng Anh của phần này (những cái được tick là thiết lập mặc định): Còn đây là phần nội dung tiếng Việt tương ứng: Giải thích ý nghĩa:
3. Gửi email cho tôi khi có ai đó commentĐây là nội dung tiếng Anh của phần này (những cái được tick là thiết lập mặc định): Còn đây là phần nội dung tiếng Việt tương ứng: Giải thích ý nghĩa:
4. Trước khi comment được đăngĐây là nội dung tiếng Anh của phần này (cái được tick là thiết lập mặc định): Còn đây là phần nội dung tiếng Việt tương ứng (cái được tick là thay đổi riêng của tôi phù hợp với ý định của mình): Giải thích ý nghĩa:
5. Xét duyệt phản hồi/commentĐây là nội dung tiếng Anh của phần này: Còn đây là phần nội dung tiếng Việt tương ứng: Giải thích ý nghĩa:
6. Danh sách đen commentĐây là nội dung tiếng Anh của phần này: Còn đây là phần nội dung tiếng Việt tương ứng: Giải thích ý nghĩa:
7. Ảnh đại diệnĐây là nội dung tiếng Anh của phần này: Còn đây là phần nội dung tiếng Việt tương ứng: Giải thích ý nghĩa:
7.1 Đánh giá phù hợp độ tuổiPhần này vẫn thuộc về avatar, nó liên quan đến ảnh đại diện của bạn có phù hợp với độ tuổi nào? Đây là nội dung tiếng Anh của phần này: Còn đây là phần nội dung tiếng Việt tương ứng: Ý nghĩa của nó rất rõ ràng rồi nên mình không cần giải thích gì thêm. Thường thì bạn để ảnh đại diện là G, phù hợp với mọi đối tượng. 7.2 Ảnh đại diện mặc địnhĐây là nội dung tiếng Anh của phần này: Còn đây là phần nội dung tiếng Việt tương ứng: Phần này dùng trong trường hợp người gửi bình luận chưa đăng ký trên gravatar nên họ sẽ không có ảnh đại diện của riêng mình, khi ấy tùy theo ý thích bạn có thể chọn ảnh đại diện cho họ. Hình người vô danh như mặc định là lựa chọn khá hợp lý. Nếu bạn muốn phần comment trông đẹp mắt hơn bạn có thể chọn hình khác. C. Sử dụng plugin để chống spamWordPress là mã nguồn phổ biến nên các đối tượng spam rất thông thạo & hay nhắm đến website nào dựa trên nền tảng này. Các tùy chỉnh mặc định của WordPress chỉ ngăn chặn spam được phần nào, để chặn tốt hơn bạn cần sử dụng plugin có tên gọi Akismet Anti-spam. Đây là plugin của chính chủ Automatic – là người phát triển WordPress. Để sử dụng trước tiên bạn cần cài đặt plugin, sau đó lấy mã số gọi là API key để plugin chính thức hoạt động. Plugin này tốt thật nhưng hơi khó khăn một chút khi đăng ký cho những người mới, bạn chịu khó làm theo từng bước là được. Bước 1: Kích hoạt pluginVào khu vực plugin đã cài đặt (tiếng Việt: Gói mở rộng > Đã cài đặt; tiếng Anh: Plugins > Installed Plugins): Tiếp đến bạn nhấn vào chữ Activate màu xanh ngay bên dưới tên plugin: Bước 2: Nhập API keySau khi Activate, chữ này chuyển thành Settings (Cài đặt). Bạn nhấn vào Settings để bắt đầu cài đặt: Một cửa số bật ra như thế này, bạn nhấn vào Get your API key: Sau đó bạn đăng ký một tài khoản với WordPress và làm theo hướng dẫn. Sẽ có yêu cầu kích hoạt gửi qua email. Sau khi kích hoạt bạn sẽ thấy một cửa sổ hiện ra như dưới đây. Bạn click vào phần khung chữ nhật màu đỏ: Một cửa sổ lại bật ra gợi ý bạn trả 48$ cho dịch vụ chống spam, tất nhiên vì miễn phí cũng hoạt động tốt nên bạn kéo thanh trượt về 0 USD cho tiết kiệm, rồi nhấn Create Subscription: API key sẽ hiện ra cho bạn: Bạn copy mã số này (của bạn sẽ khác của tôi nhé – mỗi người một mã số riêng) và paste vào ô mã số API key ở phần settings: Rồi bạn nhấn Connect with API key. Thế là xong, trang web của bạn được bảo về chống lại spam rồi. D. Phê duyệt, trả lời, sửa, xóa commentỞ trên nói đến các thiết lập nền tảng cho phần comment, sau khi làm hoàn chỉnh hiếm khi bạn quay trở lại. Thực tế thì phần phê duyệt, trả lời, sửa, xóa bình luận mới là phần bạn làm việc thường xuyên nhất. Khi có bình luận mới, WordPress sẽ thông báo cho bạn như thế này:
Các bình luận chưa phê duyệt có đường bao màu đỏ ở góc trái. Các thao tác bạn có thể làm với bình luận bao gồm:
Thông thường bạn sẽ không sửa comment của người bình luận vì lý do tôn trọng nguyên trạng, kể cả trong trường hợp họ viết sai chính tả (trong trường hợp này, khi trả lời, bạn nên trích dẫn lại bình luận của họ, và viết lại đúng chính tả của bình luận, trong khi comment gốc của khách vẫn được giữ nguyên). Nếu hoàn toàn không hài lòng về comment nào đấy của khách bạn nên tranh luận công khai hoặc xóa nó đi. Lựa chọn là ở bạn. Nếu comment vô nghĩa, hoặc/và hoàn toàn vì mục đích SEO (họ thường để lại các đường link trong bình luận, hoặc đường link trong phần web), thì bạn hãy tick spam cho nó. E. Sử dụng plugin hỗ trợ cho khu vực bình luậnHiện có một plugin làm rất tốt công việc hỗ trợ cho khu vực bình luận của comment. Nó có tên wpDiscuz, với nhiều ưu điểm như: |