Hướng dẫn tùy chỉnh phần Comments WordPress

Hướng dẫn tùy chỉnh giao diện phần Comments WordPress
Hướng dẫn tùy chỉnh giao diện phần

Comments WordPress đóng một vai trò quan trọng trong việc xây dựng, tăng mức độ tương tác của người dùng trên một trang web. Một form mẫu Comments thân thiện với người dùng thân thiện sẽ khuyến khích người dùng tham gia thảo luận trên trang web của bạn hơn. Chính vì vậy, chăm chút hơn một chút cho phần comments cũng là dễ hiểu phải không. Đó là lý do tại sao hôm nay mình chia sẽ về Comment WordPress.

Tùy chỉnh mẫu Comments WordPress

Bên trong hầu hết các theme WordPress sẽ có một tệp mẫu là comments.php. Tệp này được sử dụng để hiển thị các bình luận, nhận xét và biểu mẫu bình luận trên các bài đăng trên trang web của bạn. Hình thức bình luận WordPress được tạo ra bằng cách sử dụng các hàm chức năng: <?php

Nếu bạn muốn có thể tùy chỉnh lại stylesheet cho khung này. Thêm đoạn code sau vào file style.css

Để thiết kế cho nút submit ta sẽ thêm vào các lớp sau (nếu đã có rồi thì tìm và chỉnh sửa lại):

 

Thay đổi chữ Leave a Reply (hoặc Speak Your Mind)

Áp dụng với cả Genesis Child Theme và các theme khác nhé.

Thay đổi nội dung nút Submit

Nút này chính là nút nhấn để gửi bình luận đó, các bạn thường thấy là Post Comment, Submit Comment,…

Áp dụng với cả Genesis Child Theme và các theme khác.

Thêm một Checkbox Đăng ký theo dõi bình luận trong WordPress

Khi người dùng để lại bình luận trên trang web của bạn, nhiều người có thể đang đặt một câu hỏi và muốn theo dõi câu trả lời từ chủ thớt hoặc từ một người nào đó vì vậy việc tạo một checkbox đăng ký theo dõi bình luận trên trang web là điều không thể thiếu. Ngoài ra, với checkbox này bạn sẽ thu hút thêm những người đã thảo luận trên trang web sẽ tiếp tục quay lại và thảo luận tiếp.

Để thêm checkbox này, điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Subscribe to Comments Reloaded. Sau khi kích hoạt, bạn cần truy cập Settings » Subscribe to Comments để cấu hình các cài đặt cho plugin.

Thay đổi title comment

Nghĩa là thay đổi dòng chữ phía trên cùng của danh sách comment. Ta chèn code sau vào file functions.php:

Chú ý cách này chỉ áp dụng đối với các blog sử dụng Genesis Child theme. Đối với các theme khác bạn có thể thay đổi trong file comments.php. Chẳng hạn đối với theme twenty twelve của WordPress, bạn sẽ tìm đoạn code:

Sửa lại thành:

Thay đổi kích thước avatar trong comment

Chú ý cách này chỉ áp dụng cho Genesis childthemes. Ta sử dụng code sau chèn vào file functions.php:

Bổ sung vào file style.css (nếu đã có rồi thì tìm và sửa lại):

Đối với các themes khác, ta có thể tìm trong file comment.php hoặc trong file functions.php. Ví dụ đối với theme twenty twelve của WordPress, ta sẽ tìm trong file functions.php đoạn code:

Số 44 là kích thước của avatar, bạn có thể thay đổi nó. Với các themes khác bạn có thể làm tương tự.

Hi vọng với bài viết: Hướng dẫn này bạn sẽ có thêm nhiều ý tưởng cho việc thiết kế web và tối ưu hóa tỷ lệ tương tác trên website của mình

×Trong bài viết có thể sử dụng 1 số link rút gọn để duy trì kinh phí cho Web, các bạn chỉ bỏ ra 5s để bỏ qua quảng cáo. Mong các bạn thông cảm. Thanks!


Lưu ý:
→ Vui lòng bình luận bằng tiếng Việt có dấu.
→ Hãy dùng tên và email thật của bạn khi comment.
→ Không sử dụng keyword trong ô Name.
→ Nếu có ý định Spam link thì hãy quên đi nhé.
→ Tất cả bình luận đều được kiểm duyệt vì thế hãy cẩn thận trước khi comment.
Xin cám ơn!

Add Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

2 Comments on “Hướng dẫn tùy chỉnh phần Comments WordPress