Loại bỏ Classic Theme Styles CSS trong WordPress

Loại bỏ Classic Theme Styles CSS (classic-themes.min.css) trong WordPress một cách đơn giản.

Có thể bạn chưa biết, kể từ phiên bản 6.1, WordPress mặc định tải thêm một file CSS có tên là “Classic Theme Styles CSS” (classic-themes.min.css) từ thư mục wp-includes. Mặc dù file này không quá nặng (dung lượng chưa đến 1KB), tuy nhiên, nó vẫn tạo thêm 1 truy vấn cho website, đồng thời có thể gây ra lỗi CSS chặn hiển thị nội dung. Ngoài ra, file classic-themes.min.css còn là nguyên nhân gây ra lỗi nút bấm hiển thị không đúng thiết kế trong một số trường hợp. Do vậy, tốt nhất bạn nên loại bỏ nó, nếu không có nhu cầu sử dụng, để không làm ảnh hưởng đến tốc độ load của website.

Tham khảo thêm:

• Vô hiệu hóa WordPress Global Styles giúp tăng tốc website
• Gỡ bỏ Gutenberg stylesheet khỏi website WordPress

Classic Theme Styles CSS là gì?

File Classic Theme Styles CSS nằm ở đường dẫn /wp-includes/css/classic-themes.min.css. Các bạn có thể tìm thấy nó bằng cách xem mã nguồn của website (trên trình duyệt Google Chrome, click chuột phải vào giao diện website rồi chọn View page source hoặc bấm tổ hợp phím CTRL + U).

Theo tên gọi thì nhiều khả năng file này được dùng để bổ trợ việc hiển thị nút bấm trên các theme mặc định của WordPress. Trong phần lớn các trường hợp, file này là vô dụng đối với website của bạn.

Gỡ bỏ Classic Theme Styles CSS

Tùy từng theme mà cách thực hiện sẽ khác nhau. Tuy nhiên, chúng đều rất đơn giản.

Đối với theme Paradise

1. Nếu bạn đang sử dụng theme Paradise do WP Căn bản phát triển, hãy cập nhật theme lên phiên bản 6.5.2 (phát hành ngày 09/01/2023) hoặc mới hơn. Sau đó, truy cập Giao diện => Tùy biến => Thiết lập giao diện => Tối ưu tốc độ => Chuyển mục Gỡ bỏ Classic Theme Styles sang trạng thái Có rồi lưu lại.

2. Xóa cache website và tắt tính năng tối ưu CSS (nếu có) rồi kiểm tra kết quả.

Đối với các theme khác

1. Tất cả những gì các bạn cần làm thêm đoạn code snippet sau đây vào tập tin functions.php của theme mà bạn đang dùng. Các bạn cũng có thể sử dụng plugin Code Snippets để chèn nhằm tránh nó bị xóa mất khi cập nhật theme.

//* Remove Classic Theme Styles CSS in WordPress
function disable_classic_theme_styles() {
    wp_deregister_style('classic-theme-styles');
    wp_dequeue_style('classic-theme-styles');
}
add_filter('wp_enqueue_scripts', 'disable_classic_theme_styles', 100);

2. Xóa cache website và tắt tính năng tối ưu CSS (nếu có) rồi kiểm tra kết quả.

Kiểm tra kết quả

Xem mã nguồn website, nếu bạn không nhìn thấy file classic-themes.min.css được tải nữa thì có nghĩa là mọi việc đã hoàn tất.

Thật đơn giản phải không nào? Chúc các bạn thành công!

Bạn đã loại bỏ Classic Theme Styles CSS ra khỏi website WordPress của mình chưa? Bạn đã sử dụng phương pháp nào để làm điều đó? Hãy chia sẻ nó với chúng tôi thông qua khung bình luận bên dưới.

Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)