Cách xóa bỏ hoặc cập nhật jquery phiên bản mới trên WordPress

Cách xóa bỏ hoặc cập nhật jquery phiên bản mới trên WordPress

Phiên bản jQuery mặc định được tiêu dùng trên WordPress là 1.12.4. Phiên bản jQuery này được phát hành vào năm 2016 và hiện tại khá lỗi thời, nếu bạn tiêu dùng các công cụ quét bảo mật hoặc check với Lighthouse thì nó sẽ hiển thị thông tin nên nâng cấp lên các phiên bản mới hơn vì lý do bảo mật.

Jquery lỗi thời

WordPress tiêu dùng phiên bản jQuery cũ kỹ này để đảm bảo khả năng tương thích với các theme hoặc plugin và tương thích với các trình duyệt cũ.

Nếu trang web của bạn không tiêu dùng chủ đề hoặc plugin cũ, bạn nên cập nhật jQuery lên phiên bản mới hơn để nâng cao bảo mật cho website của mình. Phiên bản jquery mới nhất hiện tại là 3.5.1

Bạn nên clone ra 1 website mới và test trước khi vận dụng vào site chính vì khi cập nhật phiên bản jQuery từ 1.12.4 lên 3.5.1 thì có thể một số theme hoặc plugin không tương thích và làm vỡ giao diện hoặc tính năng cho website của bạn.

Cập nhật phiên bản jQuery trong WordPress

Để cập nhật phiên bản jQuery bạn hãy mở file functions.php lên.

Tiếp theo bạn hãy tiêu dùng đoạn code sau để nâng cấp phiên bản jquery tùy chọn

// Install jQuery 3.5.1 - jQuery CDNfunction vts_custom_jquery() {    wp_deregister_script('jquery');    wp_register_script('jquery', ("https://truongcongthang.com/wp-content/themes/demo/js/jquery.min.js"), false);    wp_enqueue_script('jquery');}add_action('wp_enqueue_scripts', 'vts_custom_jquery');

Lưu ý: Bạn có thể thay đổi đường dẫn đến file js (https://truongcongthang.com/wp-content/themes/demo/js/jquery.min.js) cho thích hợp với website của bạn

Hoặc bạn có thể tiêu dùng CDN như đoạn code dưới đây

// Install jQuery 3.5.1 - Google CDNfunction vts_custom_jquery() {    wp_deregister_script('jquery');    wp_register_script('jquery', ("https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"), false);    wp_enqueue_script('jquery');}add_action('wp_enqueue_scripts', 'vts_custom_jquery');

Trong đoạn mã tùy chỉnh ở trên, tôi đã tiêu dùng ba hàm wp_deregister_script để xóa jquery đã được đăng ký trước đó (phiên bản jquery mặc định), tiêu dùng wp_register_script để đăng ký phiên bản jquery mới và khai báo đường dẫn tới file jquery, tiếp theo tiêu dùng wp_enqueue_script để gắng chúng vào phần header của website thông qua hook wp_head(). Ở phần wp_register_script tôi tiêu dùng false để thêm file jquery vào phần header, nếu bạn muốn thêm vào phần footer thì thay false thành true là được (Tuy nhiên sẽ rất dễ xảy ra lỗi nếu bạn thêm vào footer).

Bạn hãy xóa cache của website đi và check site bằng cách view-source để đánh giá. Nếu bạn thấy quá khó khăn thì có thể tiêu dùng plugin sau để update – jQuery Updater nhé!

Làm thế nào để loại bỏ jQuery khỏi WordPress

Nếu trang web WordPress của bạn tiêu dùng một chủ đề như GeneratePress, bạn sẽ thấy rằng nó không phụ thuộc vào jQuery, bạn có thể vô hiệu hóa chúng mà không hề ảnh hưởng tới hòa bình thế giới. Tuy nhiên, bạn nên cân nhắc và test kỹ càng vì có thể 1 plugin nào đó tiêu dùng jquery thì sẽ gây lỗi cho website của bạn.

Để tắt gỡ bỏ hoàn toàn jQuery khỏi WordPress, bạn chỉ cần thêm đoạn code sau vào file functions.php

// Remove jQueryfunction vts_remove_jquery() {    if (!is_admin()) {        wp_deregister_script('jquery');        wp_register_script('jquery', false);    }}add_action('init', 'vts_remove_jquery');

Như vậy là bạn có thể cập nhật phiên bản jquery lên phiên bản mới một cách đơn giản và nếu bạn muốn xóa jquery khỏi WordPress thì càng đơn giản hơn nữa ?

Hy vọng bài viết sẽ giúp ích cho nhiều người. Xin cảm ơn.