Xóa Thẻ HTML Không Cần Thiết Trong WordPress Để Tinh Gọn Nội Dung

Khi làm việc với WordPress, việc loại bỏ các thẻ HTML không cần thiết có thể giúp cải thiện sự trình bày và tối ưu hóa nội dung của trang web. Dù bạn đang tìm cách làm sạch nội dung bài viết, tinh chỉnh các widget, hay tùy chỉnh các template, việc biết cách xử lý các thẻ HTML không mong muốn là rất quan trọng. Trong bài viết này, chúng ta sẽ khám phá các phương pháp hiệu quả để loại bỏ các thẻ HTML không cần thiết, từ việc sử dụng các hàm filter trong WordPress đến việc tùy chỉnh các file template và sử dụng plugin. Hãy cùng tìm hiểu cách đảm bảo nội dung của bạn luôn sạch sẽ và dễ đọc!

Để xoá hoặc loại bỏ các thẻ HTML không cần thiết trong giao diện WordPress, bạn có thể sử dụng nhiều phương pháp khác nhau. Dưới đây là hướng dẫn chi tiết về cách thực hiện việc này bằng cách sử dụng các phương pháp như lọc nội dung, tùy chỉnh template, và sử dụng các plugin.

1. Sử Dụng Filters Để Xoá Thẻ HTML Trong Nội Dung

WordPress cung cấp các filter (bộ lọc) để bạn có thể tùy chỉnh nội dung và loại bỏ các thẻ HTML không cần thiết từ nội dung bài viết hoặc widget.

Sử Dụng wp_kses Để Giới Hạn Các Thẻ HTML

Bạn có thể sử dụng hàm wp_kses để chỉ cho phép các thẻ HTML cụ thể và loại bỏ tất cả các thẻ không nằm trong danh sách cho phép.

Ví Dụ:

function remove_unwanted_html_tags($content) {
    $allowed_tags = array(
        'p' => array(),
        'a' => array(
            'href' => array(),
            'title' => array()
        ),
        'br' => array(),
        'em' => array(),
        'strong' => array()
    );

    return wp_kses($content, $allowed_tags);
}

add_filter('the_content', 'remove_unwanted_html_tags');

Trong ví dụ này, chỉ các thẻ p, a, br, em, và strong được phép xuất hiện trong nội dung bài viết. Tất cả các thẻ khác sẽ bị loại bỏ.

Sử Dụng strip_tags Để Xoá Các Thẻ HTML

Hàm strip_tags loại bỏ tất cả các thẻ HTML và PHP khỏi một chuỗi. Bạn có thể sử dụng hàm này nếu bạn muốn loại bỏ hoàn toàn các thẻ HTML.

Ví Dụ:

function strip_html_tags_from_content($content) {
    return strip_tags($content);
}

add_filter('the_content', 'strip_html_tags_from_content');

2. Tùy Chỉnh Template Để Xoá Thẻ HTML

Bạn có thể tùy chỉnh các file template của theme để loại bỏ hoặc thay đổi cách hiển thị các thẻ HTML không cần thiết.

Sửa Template File

Nếu bạn biết chính xác file template nào đang chứa các thẻ HTML không cần thiết, bạn có thể mở file đó và loại bỏ hoặc thay đổi phần mã nguồn liên quan.

Ví Dụ:

Giả sử bạn muốn loại bỏ thẻ div không cần thiết trong một template, bạn có thể tìm và chỉnh sửa file single.php hoặc page.php trong theme của bạn.

Trước:

Sau:

3. Sử Dụng Plugin Để Quản Lý Thẻ HTML

Nếu bạn không muốn can thiệp vào mã nguồn, có một số plugin có thể giúp bạn quản lý và loại bỏ các thẻ HTML không cần thiết.

Sử Dụng Plugin WP Content Filter

Plugin WP Content Filter cho phép bạn lọc nội dung và loại bỏ các thẻ HTML không mong muốn. Bạn có thể cài đặt và cấu hình plugin này để tùy chỉnh nội dung bài viết theo ý muốn.

Cài Đặt Plugin:

1. Vào Plugins > Add New (Thêm mới).
2. Tìm kiếm WP Content Filter.
3. Cài đặt và kích hoạt plugin.

Cấu Hình Plugin:

1. Vào Settings (Cài đặt) > WP Content Filter.
2. Cấu hình các tùy chọn để loại bỏ các thẻ HTML không mong muốn.

4. Xoá Thẻ HTML Trong Widgets

Nếu bạn muốn loại bỏ các thẻ HTML trong các widget, bạn có thể sử dụng filter widget_text để xử lý nội dung widget.

Ví Dụ:

function clean_widget_text($text) {
    $allowed_tags = array(
        'p' => array(),
        'a' => array(
            'href' => array(),
            'title' => array()
        )
    );

    return wp_kses($text, $allowed_tags);
}

add_filter('widget_text', 'clean_widget_text');

5. Sử Dụng Custom Shortcodes Để Kiểm Soát Thẻ HTML

Nếu bạn sử dụng shortcodes để chèn nội dung, bạn có thể tạo các shortcodes tùy chỉnh để kiểm soát các thẻ HTML.

Ví Dụ:

function custom_shortcode_function($atts, $content = null) {
    $allowed_tags = array(
        'p' => array(),
        'a' => array(
            'href' => array(),
            'title' => array()
        )
    );

    $clean_content = wp_kses($content, $allowed_tags);
    return $clean_content;
}

add_shortcode('custom_shortcode', 'custom_shortcode_function');

Trong ví dụ này, shortcode [custom_shortcode] sẽ chỉ cho phép các thẻ HTML cụ thể trong nội dung của shortcode.

6. Tổng Kết

Loại bỏ các thẻ HTML không cần thiết trong giao diện WordPress có thể được thực hiện bằng nhiều phương pháp khác nhau. Bạn có thể sử dụng filters như wp_kses và strip_tags, tùy chỉnh các file template, sử dụng plugin để quản lý nội dung, hoặc tạo các shortcode tùy chỉnh. Lựa chọn phương pháp phù hợp với nhu cầu và kỹ năng của bạn để đảm bảo nội dung của bạn được hiển thị chính xác và gọn gàng trên trang web.

• HTML
• Wordpress