1. Vì Sao WordPress Tự Động Thêm Thẻ <p> và <br>?
Mặc định, WordPress sử dụng hàm wpautop() để tự động định dạng nội dung bài viết, bằng cách chèn các thẻ đoạn <p> và xuống dòng <br>. Điều này giúp người dùng phổ thông không cần viết HTML vẫn có nội dung đẹp. Tuy nhiên, với những người cần kiểm soát HTML chính xác – đặc biệt khi sử dụng theme như Flatsome, UX Builder, hoặc chèn shortcode, custom field – thì chức năng này có thể gây lỗi giao diện.
2. Cách Tắt Tự Động Thêm Thẻ <p> và <br> Trong Flatsome
2.1 Tắt Toàn Bộ Cho Mọi Bài Viết, Trang
Thêm đoạn code sau vào file functions.php của child theme đang sử dụng:
remove_filter('the_content', 'wpautop');
remove_filter('the_excerpt', 'wpautop');
remove_filter('widget_text_content', 'wpautop');
👉 Hiệu quả: WordPress sẽ không còn tự động chèn thẻ <p> và <br> ở bất kỳ đâu trong nội dung, trích đoạn, hoặc widget.
2.2 Tắt Theo Điều Kiện (Post Type, Trang, v.v.)
Bạn chỉ muốn tắt với trang (page) hoặc bài viết có ID cụ thể? Hãy dùng cách có điều kiện:
function disable_wpautop_for_pages($content) {
if (is_page()) {
remove_filter('the_content', 'wpautop');
}
return $content;
}
add_filter('the_content', 'disable_wpautop_for_pages', 0);
Hoặc chỉ tắt với bài viết có ID là 42:
function disable_wpautop_for_post_42($content) {
if (is_single(42)) {
remove_filter('the_content', 'wpautop');
}
return $content;
}
add_filter('the_content', 'disable_wpautop_for_post_42', 0);
2.3 Tắt Trong Custom Field (ACF, v.v.)
Nếu bạn đang hiển thị nội dung từ Advanced Custom Fields (ACF), hãy dùng đoạn sau:
echo get_field('ten_field', false, false);
Tham số false cuối cùng giúp ACF trả lại nội dung thô, không tự động thêm thẻ <p> hoặc <br>.
3. Lưu Ý Khi Tắt wpautop Trong Flatsome
-
UX Builder của Flatsome không bị ảnh hưởng bởi
wpautop, trừ khi bạn chèn shortcode, HTML tùy chỉnh hoặc custom field. -
Khi tắt toàn bộ
wpautop, bạn nên tự chèn các thẻ HTML như<p>,<br>,<div>để tránh giao diện bị lỗi. -
Luôn sử dụng Child Theme để chỉnh sửa, tránh bị mất code khi update theme.
Kết Luận
Việc tắt tự động thêm thẻ <p> và <br> trong Flatsome/WordPress giúp bạn kiểm soát nội dung chính xác hơn, đặc biệt khi làm việc với HTML, custom layout hoặc dữ liệu từ custom field. Tuy nhiên, hãy đảm bảo bạn hiểu rõ tác động để tránh lỗi giao diện không mong muốn.
