Di chuyển comment text field xuống dưới WordPress 4.4
Giới thiệu về việc di chuyển ô bình luận xuống dưới trong WordPress
Trong WordPress, vị trí mặc định của ô bình luận (comment text field) thường nằm phía trên danh sách các bình luận đã có. Tuy nhiên, nhiều người dùng lại muốn thay đổi vị trí này, di chuyển nó xuống dưới danh sách bình luận. Việc này có thể cải thiện trải nghiệm người dùng, khuyến khích họ đọc các bình luận hiện có trước khi viết bình luận của riêng mình, và mang lại bố cục trang web hài hòa hơn. Bài viết này sẽ hướng dẫn chi tiết các phương pháp để di chuyển ô bình luận xuống dưới trong WordPress, từ việc sử dụng plugin cho đến chỉnh sửa code.
Tại sao nên di chuyển ô bình luận xuống dưới?
Việc di chuyển ô bình luận xuống dưới có thể mang lại nhiều lợi ích:
- Khuyến khích đọc bình luận: Khi ô bình luận nằm dưới, người dùng có xu hướng đọc các bình luận hiện có trước khi viết bình luận của mình. Điều này có thể dẫn đến các cuộc thảo luận sâu sắc và chất lượng hơn.
- Cải thiện trải nghiệm người dùng: Một số người dùng cảm thấy việc ô bình luận nằm trên gây khó chịu, đặc biệt trên các bài viết có nhiều bình luận. Việc di chuyển nó xuống dưới giúp trang web dễ nhìn và dễ điều hướng hơn.
- Tạo bố cục trang web cân đối hơn: Về mặt thẩm mỹ, việc di chuyển ô bình luận xuống dưới có thể giúp bố cục trang web trở nên cân đối và hài hòa hơn, đặc biệt là khi kết hợp với các yếu tố thiết kế khác.
Các phương pháp di chuyển ô bình luận xuống dưới
Có nhiều cách để di chuyển ô bình luận xuống dưới trong WordPress. Dưới đây là một số phương pháp phổ biến:
- Sử dụng plugin.
- Chỉnh sửa file
functions.phpcủa theme. - Chỉnh sửa file
comments.phpcủa theme.
Di chuyển ô bình luận bằng plugin
Đây là phương pháp đơn giản và nhanh chóng nhất, đặc biệt phù hợp cho người dùng không quen thuộc với code. Có nhiều plugin miễn phí và trả phí có thể giúp bạn thực hiện việc này. Một số plugin phổ biến bao gồm:
- Move Comments Form to Bottom: Plugin này đơn giản và dễ sử dụng, chỉ cần cài đặt và kích hoạt để di chuyển ô bình luận xuống dưới.
- Yoast Comment Hacks: Plugin này cung cấp nhiều tính năng hữu ích liên quan đến bình luận, bao gồm cả khả năng di chuyển ô bình luận.
Hướng dẫn sử dụng plugin Move Comments Form to Bottom:
- Truy cập trang quản trị WordPress của bạn.
- Vào Plugins > Add New.
- Tìm kiếm “Move Comments Form to Bottom”.
- Nhấn Install Now và sau đó Activate.
Sau khi kích hoạt, plugin sẽ tự động di chuyển ô bình luận xuống dưới. Bạn có thể kiểm tra kết quả bằng cách truy cập một bài viết bất kỳ trên trang web của bạn.
Di chuyển ô bình luận bằng cách chỉnh sửa file functions.php
Phương pháp này đòi hỏi bạn phải chỉnh sửa code, do đó hãy cẩn thận và sao lưu file functions.php trước khi thực hiện bất kỳ thay đổi nào. File functions.php nằm trong thư mục theme của bạn.
Các bước thực hiện:
- Truy cập trang quản trị WordPress của bạn.
- Vào Appearance > Theme Editor (hoặc Giao diện > Sửa giao diện).
- Tìm và chọn file
functions.phpở cột bên phải. - Thêm đoạn code sau vào cuối file:
<?php
function move_comment_field_to_bottom( $fields ) {
$comment_field = $fields['comment'];
unset( $fields['comment'] );
$fields['comment'] = $comment_field;
return $fields;
}
add_filter( 'comment_form_fields', 'move_comment_field_to_bottom' );
?>
- Nhấn Update File để lưu thay đổi.
Đoạn code trên sử dụng filter comment_form_fields để di chuyển trường bình luận xuống dưới. Hàm move_comment_field_to_bottom lấy mảng các trường bình luận, xóa trường bình luận (comment) khỏi mảng, và sau đó thêm lại trường này vào cuối mảng. Cuối cùng, hàm trả về mảng đã được sắp xếp lại, khiến WordPress hiển thị ô bình luận ở vị trí cuối cùng.
Di chuyển ô bình luận bằng cách chỉnh sửa file comments.php
Phương pháp này phức tạp hơn một chút so với việc chỉnh sửa file functions.php, nhưng nó cho phép bạn kiểm soát nhiều hơn về cách ô bình luận được hiển thị. File comments.php nằm trong thư mục theme của bạn và chịu trách nhiệm hiển thị các bình luận trên trang web của bạn.
Các bước thực hiện:
- Truy cập trang quản trị WordPress của bạn.
- Vào Appearance > Theme Editor (hoặc Giao diện > Sửa giao diện).
- Tìm và chọn file
comments.phpở cột bên phải. - Tìm đoạn code sau:
<?php comment_form(); ?>
Đây là dòng code chịu trách nhiệm hiển thị ô bình luận. Bạn cần di chuyển dòng code này xuống dưới vị trí bạn muốn ô bình luận xuất hiện.
- Cắt (Ctrl+X hoặc Cmd+X) dòng code
<?php comment_form(); ?>. - Tìm vị trí bạn muốn đặt ô bình luận. Thông thường, bạn sẽ muốn đặt nó sau vòng lặp hiển thị các bình luận (thường là một vòng lặp
<?php if ( have_comments() ) : ?>). - Dán (Ctrl+V hoặc Cmd+V) dòng code
<?php comment_form(); ?>vào vị trí bạn vừa chọn. - Nhấn Update File để lưu thay đổi.
Lưu ý quan trọng:
- Trước khi chỉnh sửa file
comments.php, hãy sao lưu file này để phòng trường hợp có lỗi xảy ra. - Nếu bạn không quen thuộc với code HTML và PHP, hãy cẩn thận khi chỉnh sửa file
comments.php. - Theme WordPress có thể khác nhau, vì vậy vị trí chính xác của các đoạn code có thể khác nhau tùy thuộc vào theme bạn đang sử dụng.
Kiểm tra kết quả
Sau khi thực hiện một trong các phương pháp trên, hãy truy cập một bài viết bất kỳ trên trang web của bạn để kiểm tra xem ô bình luận đã được di chuyển xuống dưới hay chưa. Nếu mọi thứ hoạt động bình thường, bạn đã thành công. Nếu không, hãy kiểm tra lại các bước thực hiện và đảm bảo rằng bạn đã làm theo hướng dẫn một cách chính xác.
Lưu ý khi sử dụng child theme
Nếu bạn đang sử dụng child theme, bạn nên chỉnh sửa các file trong child theme thay vì chỉnh sửa trực tiếp các file trong parent theme. Điều này giúp bạn tránh mất các thay đổi khi cập nhật parent theme. Nếu bạn không có file comments.php hoặc functions.php trong child theme, bạn có thể tạo một file mới và copy nội dung từ parent theme vào đó trước khi chỉnh sửa.
Kết luận
Việc di chuyển ô bình luận xuống dưới trong WordPress là một thay đổi nhỏ nhưng có thể mang lại những cải thiện đáng kể cho trải nghiệm người dùng và bố cục trang web của bạn. Bạn có thể lựa chọn phương pháp phù hợp nhất với trình độ kỹ thuật của mình, từ việc sử dụng plugin đơn giản cho đến chỉnh sửa code một cách linh hoạt. Hy vọng bài viết này đã cung cấp cho bạn những thông tin hữu ích để thực hiện việc này một cách dễ dàng và thành công.
