Hướng dẫn sử dụng plugin wpDiscuz – công cụ tùy chỉnh bình luận chất lượng cao cho WordPress

bởi Duc Anh Nguyen
khu vực bình luận

Khu vực bình luận trên website rất quan trọng, đặc biệt trên các trang lớn, bởi ở những trang đó, khả năng tham gia bình luận, cũng như số lượng bình luận cao hơn hẳn những trang thông thường.

Vậy nếu bạn nằm trong nhóm trên, hoặc muốn tạo sự khác biệt nhất định cho khu vực bình luận, hãy thử plugin chuyên phục vụ cho công việc này có tên có tên gọi wpDiscuz.

Cơ duyên biết đến

Đã từ lâu lắm rồi tôi không có ý định sử dụng bất cứ hệ thống bình luận nào khác ngoài hệ thống mặc định của WordPress.

Trước đây tôi có tìm hiểu một số hệ thống bình luận của bên thứ ba như Facebook hoặc Disqus nhưng nó có vẻ không phù hợp ở một số mặt, thí dụ như hệ thống bình luận của Facebook có khâu quản trị, phê duyệt khá rắc rối, dễ nhầm lẫn bỏ sót, ngoài ra bình luận sẽ mất khi đổi tên miền.

Còn Disqus có khá nhiều trang uy tín nước ngoài dùng (là bằng chứng cho thấy nó rất tốt) nhưng lại không hề phổ biến ở Việt Nam, người bình luận sẽ phải đăng nhập để trả lời bình luận, dĩ nhiên điều này là một trong những phiền phức lớn.

Ngoài ra hệ thống của bên thứ ba còn làm người quản trị web lo ngại ảnh hưởng đến tốc độ load trang (đặc biệt nghiêm trọng nếu đứt cáp!), và khả năng ảnh hưởng không tốt đến SEO so với hệ thống mặc định (dù cái này cần thêm bằng chứng).

Tất cả những điều đó làm tôi kiên trì với phong cách mặc định gần 4 năm nay.

Nhưng khi tình cờ vào blog về công nghệ có rất nhiều bình luận (tên là canhme.com – chuyên về cung cấp coupon khuyến mại và các thông tin cập nhật liên quan đến tên miền và hosting), tôi cực kỳ ấn tượng với khu vực bình luận của anh ta.

Bạn sẽ ngạc nhiên khi biết rằng Canh Me có đến 100 ngàn bình luận rồi. Chắc chắn điều đó là nhờ nội dung rất tốt mà chủ trang đầu tư viết nhưng cũng phải khẳng định là số lượng bình luận lớn như vậy có đóng góp không nhỏ của giao diện thiết kế, tính năng rất tốt do plugin wpDiscuz cung cấp.

Vậy wpDiscuz có gì hay?

Điều đầu tiên dễ nhận thấy nhất là wpDiscuz đẹp hơn hẳn giao diện comment thông thường, nó giúp người bình luận dễ quan sát, dễ đọc, dễ trả lời hơn nhờ hệ thống phân cấp rõ ràng cùng thiết kế tỉ mỉ. Nhưng điều đó chỉ là giá trị gia tăng nhỏ mà công cụ này cung cấp khi so sánh với cái đáng giá hơn nhiều là các tính năng của nó.

Quả thực có rất nhiều tính năng hữu ích, mặc dù không phải tính năng nào bạn cũng sử dụng, nhưng các tính năng rộng lớn mà wpDiscuz đưa ra đem lại các lựa chọn đa dạng, tối ưu cho gần như mọi nhu cầu của bất cứ người quản trị nào:

  • Tùy biến ngôn ngữ của giao diện, và khả năng tùy biến của nó là rất sâu. Bạn có khả năng chỉnh sửa được toàn bộ ngôn ngữ hiển thị ra bên ngoài thành tiếng Việt.
  • Trang nhiều bình luận không phải chia trang. Một trong những ác mộng mà các trang có nhiều bình luận gặp phải đó là nếu để như mặc định thì nó ảnh hưởng đến tính khả dụng của người dùng (làm trang trở nên rất dài), trong khi nếu chia các trang ra, một lựa chọn cũng không hẳn tệ nhưng nghe nói nó có ảnh hưởng đến SEO (Yoast SEO khuyên không nên chia trang bình luận). Giải pháp mà wpDiscuz đưa ra không mới nhưng rất hiệu quả, nó chỉ tải giới hạn lượng bình luận, sau đó người đọc muốn xem thêm thì nhấn vào nút tải thêm bình luận, quá trình tải thêm này rất mượt do vậy không hề làm người đọc thấy phiền phức hay bỏ lỡ thông tin.
  • Thống kê tiện lợi. Cho người bình luận dễ dàng biết được hiện có bao nhiêu chủ đề, bao nhiêu phản hồi và tổng lượng bình luận. Những bình luận nào hiện sôi động nhất, bình luận mới nhất, cũ nhất, chỉ cần thông qua một thao tác bấm.
  • Tăng khả năng tương tác. wpDiscuz thực hiện điều này bằng cách cho phép người bình luận dễ dàng theo dõi thông tin cập nhật ở khu vực bình luận cũng như người bình luận khác chỉ thông qua một thao tác click. Một tính năng đơn giản nhưng thú vị khác là nút vote (tương tự như nút like Facebook), để người tham gia bình chọn ủng hộ hoặc không ủng hộ một bình luận nào đó.
  • Nhiều tiện ích mở rộng nâng cao. wpDiscuz là plugin dạng premium, tức là các tính năng cơ bản miễn phí nhưng để dùng nhiều hơn bạn cần bỏ tiền. Thực tế mà nói các tính năng cơ bản là khá tốt với những trang thông thường và hơn hẳn giao diện mặc định rồi. Tuy nhiên nếu bạn muốn tốt hơn nữa, đặc biệt là khi trang của bạn có rất nhiều bình luận thì wpDiscuz cung cấp nhiều tiện ích trả phí rất thú vị như: tìm kiếm trong bình luận, các biểu tượng mặt cười, xem hồ sơ, thống kê của người bình luận khác, vân vân.

Ở trên tôi chỉ mới nói đến các tính năng mà bản thân thấy thú vị, thực ra wpDiscuz còn nhiều cái khác có thể hay với bạn. Đúng là plugin không thể không cài!

Hướng dẫn cài đặt & sử dụng

OK. Nếu bạn đã cảm thấy nó xứng đáng để cài đặt, chúng ta hãy đi vào từng bước thiết lập.

Việt hóa

Bạn việt hóa bình luận ở khu vực này:

Việt hóa bình luận

Có rất nhiều phần nếu bạn muốn Việt hóa toàn bộ, nếu muốn nhanh bạn chỉ cần Việt hóa những phần trọng yếu mà bản thấy cần sửa ở giao diện bên ngoài của bình luận.

Sau khi thực hiện chỉnh sửa bạn nhớ lưu thay đổi bằng cách nhấn nút Save Changes ở phía cuối bên tay phải:

lưu thay đổi

Bạn xem nội dung bản Việt hóa đầy đủ của wpDiscuz ở đây.

Tùy chỉnh form bình luận

Một trong những dư thừa lớn nhất mà form bình luận mặc định của WordPress mắc phải trong phần lớn trường hợp đó là nó hiển thị cả phần yêu cầu nhập website. Trong khi hầu hết người bình luận thì chẳng có website!

Để tùy chỉnh phẩn này bạn làm như sau (vào Forms > Default Form):

chỉnh sửa form

Tiếp đó bạn kéo xuống dưới và click  vào chỉnh sửa WEBSITE:

sửa form bỏ website

Sau đó bỏ chọn phần Enable như trong hình:

bỏ chọn enable

Chú ý là ở phần này cũng liên quan đến Việt hóa.

Để đổi thành tiếng Việt cho tên các trường điền trong form, bạn làm như sau (đổi thành nhãn tùy thích ở trong khu vực mũi tên đỏ chỉ vào):

Việt hóa nhiều hơn

Sau khi điều chỉnh bạn nhớ thực hiện thao tác cập nhật:

cập nhật thông tin cho trường bình luận

Bỏ nhập địa chỉ email:

Thông thường chúng ta vẫn muốn người dùng nhập địa chỉ email để bình luận, điều này không quá khó chịu vì hầu như ai cũng có địa chỉ email rồi. Ngoài ra nó có một số lợi ích như:

  • Giúp hiển thị avatar của người bình luận nếu họ từng đăng ký dịch vụ avatar toàn cầu có tên Gavatar
  • Làm người đọc nghiêm túc hơn khi bình luận
  • Có tác dụng phòng ngừa spam nhất định
  • Liên hệ trong trường hợp cần thiết

Mình đặc biệt khuyến khích các bạn yêu cầu nhập email khi bình luận với các trang công nghệ thông tin, vì những trang này người dùng ở đó hội tụ đủ các yếu tố trên (họ thường đăng ký Gavatar rồi, đôi khi hơi ngổ ngáo và thích spam).

Tuy nhiên nếu bạn muốn khuyến khích bình luận hơn nữa, bạn có thể bỏ yêu cầu bắt buộc nhập email như sau:

bỏ chọn yêu cầu nhập email

Ở phần Fiels is required bạn bỏ chọn như hình trên, rồi nhấn Update. Lúc này người dùng có thể nhập hoặc không nhập địa chỉ email tùy theo ý muốn.

Tiến thêm một bước nữa: Bỏ hẳn trường nhập email

Ở trên là bạn điều chỉnh để người dùng không bắt buộc phải nhập email. Nếu bạn muốn đẩy sự tiện lợi hơn, bạn có thể bỏ hẳn trường nhập email đi. Để làm như vậy thì trước hết bạn phải hoàn thành bước ở trên, sau đó vào phần Settings > Styling, kéo xuống cuối cùng bạn sẽ thấy khu vực Custom CSS Code (mã CSS tùy chỉnh), rồi nhập đoạn mã sau:

input.wc_email.wpd-field, .fas.fa-at {visibility: hidden !important;}

Kết quả:

bỏ hẳn trường email

Điều chỉnh màu sắc (nút bấm, nền)

Mình hầu như hài lòng với màu sắc, thiết kế của form wpDiscuz, chỉ trừ cái nút bấm Gửi bình luận nó để mặc định nâu xám khá chán.

Bạn có thể chỉnh màu nút bấm và màu của nhiều thành phần khác ở đây:

điều chỉnh màu sắc và nút bấm

Màu nút bấm ở ô này:

màu nút bấm

Bạn có thể chuyển sang màu #669900 như mình nếu thấy thích.

Nhớ nhấn Save Change để lưu bất cứ thay đổi nào.

Nếu việc đổi màu nút bấm bằng cách trên không hiệu quả, bạn có thể vào khu vực Settings > Styling > Custom CSS Code (khu vực này ở phía dưới cùng), rồi thêm đoạn mã sau:

.wc_comm_submit.wc_not_clicked {background: #669900 !important; border: 1px solid #669900 !important;}

Ẩn các tính năng không cần thiết

Các tính năng mặc định của wpDiscuz có thể không cần thiết với một số người. Sau đây là những đề xuất của cá nhân mình nên ẩn những tính năng sau (được khoanh trong khung màu vàng):

những tính năng mặc định nên bỏ

A. Đầu tiên là thông báo: “This comment form is under antispam protection / Phần bình luận này đã được bảo vệ chống spam”. Đây đơn thuần chỉ là thông báo của wpDiscuz, nó thu hút sự chú ý một cách không đáng, và các bạn nên ẩn đi.

Các bạn làm như sau: Settings > Comment Form > Display note about Invisible Spam Protection (ở mục này các bạn bỏ chọn như hình bên dưới)

bỏ chọn thông báo chống spam

B. Tiếp đến là phần nhận thông báo qua email. Đây là tính năng giúp người bình luận nhận được thông báo qua email nếu bình luận của họ được trả lời hoặc bình luận của bài viết họ quan tâm có ai đó bình luận. Nhìn chung thì tính năng này khá hữu ích nhưng nó có 2 vấn đề:

  • Thư của WordPress gửi thông báo cho người dùng có thể bị rơi vào hòm thư spam và không bao giờ người dùng biết (gửi thư vô ích)
  • Nếu rơi vào hòm thư chính, với những bài viết có số lượng bình luận lớn, người dùng sẽ nhận được rất nhiều email, từ vài chục cho đến hàng trăm. Dẫn đến người dùng cảm thấy phiền phức. Và khi ấy thay vì vào lại trang web và tìm cách bỏ nhận thông báo, họ có khả năng đánh dấu spam các email nhận được! Điều này dĩ nhiên gây ảnh hưởng đến tên miền gửi thư. Google có thể cho rằng tên miền gửi thư spam!

Vì thiệt hại có khả năng lớn hơn nhiều lợi ích. Mình khuyên bạn nên bỏ tính năng này. Cách làm như sau:

Cách 1: vào Forms > Default Form, rồi nhấn Edit. Ở phần Enable subscription bar bạn chọn No như hình bên dưới, sau đó Update là thành công:

bỏ theo dõi qua email

Cách 2 (không khuyến khích, vì cách 1 dễ hơn, đỡ nhầm lẫn hơn): Bạn vào Settings > Styling, kéo xuống cuối cùng bạn sẽ thấy khu vực Custom CSS Code (mã CSS tùy chỉnh). Bạn thêm đoạn mã sau:

.wpdiscuz-sbs-wrap {visibility: hidden !important;}

mã tùy chỉnh ẩn

C. Cái cuối cùng mình nghĩ cũng nên bỏ là nút phản đối, cũng giống như Facebook chỉ có nút like và các cảm xúc chứ không có nút phản đối, vì nó có khả năng gây ra những cuộc tranh cãi vô bổ.

Cách làm cũng tương tự như trên, bạn bổ sung đoạn code sau vào phần Custom CSS Code:

.fa-thumbs-down,.wc-vote-link.wc-down.wc_vote.wc_not_clicked {visibility: hidden !important;}

Kết quả là chúng ta sẽ bỏ được những thứ không cần thiết:

loại bỏ được các tính năng không cần thiết

Vậy là chúng ta đã đi qua hướng dẫn cơ bản về cách dùng wpDiscuz. Để đi vào chi tiết hơn nữa thì sẽ rất dài, nếu tiện lợi thì mình sẽ viết bài khác, còn không như trên là cơ bản bạn dùng được rồi.

Lưu ý cuối cùng là luôn nhấn Save Change để lưu thay đổi và nếu trang của các bạn dùng plugin cache như WP Fastest Cache chẳng hạn, thì nhớ xóa cache thì bạn mới thấy kết quả cho người dùng không đăng nhập (các user xem trang bạn). Chúc thành công.

Tối ưu hóa tốc độ cho wpDiscuz

Phần này sẽ giúp bạn cải thiện tốc độ của plugin này:

  • Ở tab General bạn bật tính năng Load scripts in footer để mã JS ít ảnh hưởng đến tốc độ hiển thịscript footer
  • Ở tab Cache bạn tăng thời gian cache cho ảnh avatars lên 365 ngày (mặc định là 10 ngày) ở phần Cache avatars for “X” dayscache wpDiscuz
  • Phần ảnh hưởng đến tốc độ nhiều nhất là các fonts được tải từ Google API, tôi thấy wpDiscuz tải số lượng font nhiều quá mức, mặc dù Google fonts có CDN tốc độ cao thì nhìn chung tôi cho rằng tính năng này không cần thiết. Bạn vào tab Styling và bật nút Do not load Font Awesome css libkhông tải font Google API
38 các bình luận

38 các bình luận

KeniVinh 27 September, 2018 - 4:58 pm

Không ngờ avatar của mình có trong bài viết này, may là không để mặt, nếu không cả ngàn người biết rồi. Mình cũng mới chuyển qua WPdiscuz, mọi thứ rất tuyệt duy cái phần Việt hóa là thấy đuối vì nhiều quá, dịch được khoảng 20%.

Phản hồi
Nguyễn Đức Anh 28 September, 2018 - 1:08 am

Xin lỗi Vinh về cái avatar, nghĩ không có ảnh hưởng gì. Phần Việt hóa mình sẽ cập nhật sớm. Mình Việt hóa được khoảng 70 – 80%, giao diện bên ngoài về cơ bản sẽ là tiếng Việt.

Phản hồi
Tịnh Nguyễn Blog 15 December, 2019 - 11:08 am

Bác cũng vào một số bài viết của em rồi đấy, xem ra bác có duyên lên TV phết.
À, về bài viết này của bác Nguyễn Đức Anh, em thấy viết chi tiết, dễ đọc, chuẩn blog đấy anh !

Phản hồi
Nguyễn Đức Anh 15 December, 2019 - 11:18 am

Cảm ơn bác.

Phản hồi
nam 28 September, 2018 - 2:26 pm

test cái

Phản hồi
nguyen phong 18 October, 2018 - 6:26 am

Tìm bữa giờ nay mới biết cái này là plugin WpDiscuz ! Cám ơn bác

Phản hồi
sangmn 10 December, 2018 - 4:00 am

rất hay bài viết hữu ích

Phản hồi
Hoa Qùy Tử 23 December, 2018 - 7:37 am

Plugin này có nhiều cái hay hơn mình tưởng, sau một khoảng xài Facebook comment, cuối cùng cũng trở về sài plugin có sẵn này

Phản hồi
Nguyễn Đức Anh 24 December, 2018 - 2:31 pm

Facebook comment cũng hay lắm, có khả năng tạo nhiều bình luận hơn so với mặc định, nhưng mình thấy nó quản lý hơi khó và không phụ giúp SEO.

Phản hồi
Kitty 26 December, 2018 - 9:02 am

Cám ơn bài viết hữu ích, mình sẽ thử chỉnh blog banquantam.com

Phản hồi
Kitty 28 December, 2018 - 10:05 am

Ad ơi, nếu dùng W3 Total cache thì có phải xóa k ad, mình làm như hướng dẫn đã save change mà k thành công! Giúp mình với!

Phản hồi
Nguyễn Đức Anh 28 December, 2018 - 2:55 pm

Bạn thử xoá cache của website xem sao.

Phản hồi
minh 22 March, 2019 - 6:38 am

làm sao để hện avt ra vậy ad ơi

Phản hồi
Nguyễn Đức Anh 10 February, 2020 - 3:33 pm

Bạn phải đăng ký trên gravatar nó mới hiện ra bạn à.

Phản hồi
Phú Tâm 14 September, 2019 - 3:13 am

Chào anh, trong lúc em làm theo hướng dẫn thì ở bước chỉnh sửa default form nó không hiện ra như hướng dẫn của anh mà hiện lên một đống như thế này :(( . Anh vui lòng chỉ giúp
V=Language vi
Disable commenting for rolesEditor Author Contributor Subscriber Customer Shop manager SEO Manager SEO Editor…

Phản hồi
Nguyễn Đức Anh 14 September, 2019 - 9:36 am

Anh cũng không rõ trang của em gặp vấn đề gì. A thì chưa bị thế bao giờ.

Phản hồi
thắng 23 September, 2019 - 2:31 am

Không dùng được cho trang woocommerce hả bác

Phản hồi
Hoàng Tùng 30 September, 2019 - 8:38 am

chỉnh ảnh đại diện như thế nào nhỉ

Phản hồi
Nguyễn Đức Anh 10 February, 2020 - 3:33 pm

Bạn phải chỉnh trên gravatar nhé

Phản hồi
Minh Dũng 16 October, 2019 - 1:06 pm

Tuyệt vời, cám ơn bác

Phản hồi
Trường 23 October, 2019 - 5:25 am

Bài viết hay

Phản hồi
Tuấn 30 December, 2019 - 2:49 am

Bài của bạn rất tuyệt. Mình có thắc mắc là nếu dùng Comments – wpDiscuz một thời gian sau đó xóa plugin này đi thì những Comment đã có của khách có bị mất đi không? Cảm ơn bạn!

Phản hồi
Nguyễn Đức Anh 30 December, 2019 - 3:56 am

Không bạn à. wpDiscuz như lớp trang điểm thêm cho phần bình luận thôi, khi xóa plugin đi các bình luận vẫn còn. Dĩ nhiên các chức năng bổ sung thêm của chính wpDiscuz, như vote bình luận sẽ mất.

Phản hồi
tùng 10 February, 2020 - 12:52 pm

mình test

Phản hồi
tùng 10 February, 2020 - 12:52 pm

mình đã cài thành công theo hướng dẫn của bạn nhưng người dùng của mình không hiển thị được ảnh

Phản hồi
Nguyễn Đức Anh 10 February, 2020 - 3:29 pm

Chào bạn. Ảnh của plugin này nó lấy trên gravatar, nên nếu người bình luận chưa đăng ký trên này (http://en.gravatar.com/) sẽ không có ảnh, nó sẽ để bức ảnh mặc định có hình người nhưng không có mặt cụ thể.

Phản hồi
Chuoi 14 February, 2020 - 5:43 pm

kì ta sao mình cài n lại không có mục Phrases 🙁
đã tìm ra lỗi :
https://wordpress.org/support/topic/wpdiscuz-phrases-disappeared/

Phản hồi
Luong Nguyen 25 February, 2020 - 4:28 pm

Cảm ơn tác giả

Phản hồi
Minh 13 March, 2020 - 5:15 pm

Với một web lớn, Có thể tự động xóa các comment mà khách đã bình luận sau 10 ngày không anh? còn các comment trong 9 ngày gần nhất vẫn hiển thị.

Phản hồi
Nguyễn Đức Anh 13 March, 2020 - 5:18 pm

Tôi nhớ là không, nó chỉ có tính năng đóng bình luận sau một số ngày (sử dụng cài đặt có sẵn của WordPress).

Phản hồi
Minh 21 March, 2020 - 5:33 pm

Em đã giải quyết được vấn đề trên với việc sử dụng plugin: Delete old comments, WP bulk delete,… 🙂
Anh có biết mua key hay active bản wp discuz ở đâu không anh?

Phản hồi
Nguyễn Đức Anh 22 March, 2020 - 4:13 pm

Bạn có thể tìm mua các addon bổ sung tính năng cho wpDiscuz ở trang này: https://wpdiscuz.com/

Phản hồi
nguyentiendat 18 March, 2020 - 10:31 pm

làm cách nào để auto phê duyệt bình luận thế bạn mỗi lần bình luận nó đều đưa vào phần chờ duyệt thật sự rất khó chịu liệu khắc phục nó bằng cách nào

Phản hồi
Nguyễn Đức Anh 18 March, 2020 - 10:38 pm

Bình luận nên được đưa vào phần chờ duyệt để tránh tình trạng spam (có thể trang web của bạn chưa bị tình trạng này nên không ý thức được vấn đề nghiêm trọng của nó). Nếu vẫn muốn bình luận được phê duyệt ngay lập tức, bạn vào phần Settings (của WordPress chứ không phải của plugin) > Disscusion > Comment must be manually approved rồi bỏ chọn đi là được.

Phản hồi
abc 20 March, 2020 - 4:38 pm

abc bac cab acb bca cba

Phản hồi
Nguyễn Đức Anh 20 March, 2020 - 4:44 pm

Chắc bạn bình luận để test plugin. OK, mình giữ lại nhé.

Phản hồi
Tự 12 April, 2020 - 12:35 am

xong rồi sử dụng wpDiscuz như thế nào, nhập một sản phẩm chèn một form phải không

Phản hồi
Nguyễn Đức Anh 12 April, 2020 - 2:07 am

Cái này nó tự động thay đổi giao diện khu vực bình luận của WordPress. Bạn chỉ việc thiết lập cho đúng là được.

Phản hồi

Để lại bình luận