Cách thêm đuôi .html vào đường dẫn danh mục bài viết trong WordPress

Mặc định các đường dẫn (URL) trong WordPress sẽ không chứa các tiền tố gì cả. Nó chỉ là một chuỗi các kí tự không dấu riêng biệt không trùng với bất cứ đường dẫn nào. Chính xác các đường dẫn trên thanh địa chỉ sẽ có dạng như sau: https://wpshare247.com/cach-tao-blog-wordpress hay còn gọi là permalink

Tuy nhiên, trong quá trình thiết kế web theo yêu cầu, nếu gặp khách hàng muốn đổi đường dẫn sang định dạng có đuôi là .html, đây là một kiểu định dạng cũ, đã lỗi thời và ngày nay bạn ít khi thấy website nào có đường dẫn như vậy nữa.

Kết quả sau khi hoàn thành bài viết này như hình

Bạn đang gặp khó khăn để thêm vào đuôi .html vào sau cùng mỗi đường dẫn của chuyên mục bài viết ? Đừng quá lo lắng chúng tôi sẽ giúp bạn giải quyết vấn đề này ngay thôi.

1. Thêm đoạn code php vào trong file functions.php của theme WordPress

//Thêm .html vào url của chuyên mục
add_action('init', 'wpshare247_add_html_to_category_permalink');
function wpshare247_add_html_to_category_permalink(){
    global $wp_rewrite;
    $extra_permastructs = $wp_rewrite->extra_permastructs;
    $category_struct = $extra_permastructs['category']['struct'];
    $category_struct_new = str_replace('/%category%','/%category%.html',$category_struct);
    $extra_permastructs['category']['struct'] = $category_struct_new;
    $wp_rewrite->extra_permastructs = $extra_permastructs;
    
    //flush url
    flush_rewrite_rules();
}

2. Vậy cách thêm đuôi .html vào đường dẫn bài viết thì sao?

Để thêm đuôi .html vào bài viết, chúng ta không cần bất cứ đoạn code nào mà chỉ cần tùy chỉnh “Đường dẫn tĩnh” trong quản trị WordPress một cách dễ dàng.

kết quả:

Từ link => http://localhost/blogwordpress/chao-moi-nguoi

Thành link => http://localhost/blogwordpress/chao-moi-nguoi.html

3. Vậy cách thêm đuôi .html vào đường dẫn trang (page) thì sao?

Để thêm đuôi .html vào đường dẫn các trang trong danh menu ‘Trang’ như hình: trang giới thiệu, trang liên hệ ….

Chúng ta cần thêm đoạn code sau vào file functions.php trong theme bạn đang sử dụng.

//Thêm .html vào url của các trang
add_action('init', 'wpshare247_add_html_to_page_permalink');
function wpshare247_add_html_to_page_permalink(){
    global $wp_rewrite;
    $wp_rewrite->page_structure = str_replace("%pagename%", "%pagename%.html", $wp_rewrite->get_page_permastruct());
    
    //flush url
    flush_rewrite_rules();
}

4. Cách thêm .html vào đường dẫn sản phẩm WooCommerce thì sao ?

Có nhiều cách để thêm .html vào đuôi đường dẫn sản phẩm của plugin WooCommerce, dưới đây là một trong những cách dễ làm nhất.

add_action('init', 'wpshare247_add_html_to_product_permalink', 9999999999);
function wpshare247_add_html_to_product_permalink(){
    global $wp_rewrite;
    $extra_permastructs = $wp_rewrite->extra_permastructs;
    $struct = $extra_permastructs['product']['struct'];
    $struct_new = str_replace('%product%','%product%.html',$struct);
    $extra_permastructs['product']['struct'] = $struct_new;
    $wp_rewrite->extra_permastructs = $extra_permastructs;

    //flush url
    flush_rewrite_rules();
}

5. Và cách thêm .html vào đường dẫn danh mục sản phẩm WooCommerce.

add_action('init', 'wpshare247_add_html_to_product_category_permalink', 9999999999);
function wpshare247_add_html_to_product_category_permalink(){
    global $wp_rewrite;
    $extra_permastructs = $wp_rewrite->extra_permastructs;
    $struct = $extra_permastructs['product_cat']['struct'];
    $struct_new = str_replace('%product_cat%','%product_cat%.html',$struct);
    $extra_permastructs['product_cat']['struct'] = $struct_new;
    $wp_rewrite->extra_permastructs = $extra_permastructs;

    //flush url
    flush_rewrite_rules();
}

6. Khi nào cần thêm .html vào cuối đường dẫn của chuyên mục bài viết ?

Ngoài việc gặp những vị khách bắt buộc ta thêm .html vào cuối mỗi đường dẫn như một yêu cầu trong hợp đồng làm web, còn một trường hợp nữa chúng ta cần đến đoạn code trên. Khi khách hàng cần chuyển web từ code viết bằng CMS khác, nay họ muốn dùng wordpress để web chuẩn SEO hơn, vì thế ngoài việc nâng cấp lên giao diện hiện đại bắt mắt hơn, chúng ta cần giữ lại các đường dẫn cũ đã tồn tại .html trước đó.