Load JQuery Từ CDN Cho WordPress - HocWP
Có thể bạn quan tâm
jQuery là bộ code tích hợp mặc định trong nhân của WordPress, nếu giao diện hoặc plugin của bạn có sử dụng jQuery thì hệ thống sẽ lấy trực tiếp từ hosting bạn đang chạy. Nếu bạn nào muốn load jQuery theo kiểu lấy đường dẫn từ CDN thì làm như sau.
Bạn mở tập tin functions.php của giao diện lên, hoặc bạn cũng có thể bỏ code này vào plugin của bạn. Sau đó bạn khai báo một hook như sau:
function hocwp_load_jquery_from_cdn() { global $wp_version, $wp_scripts; $handle = ( version_compare( $wp_version, '3.6-alpha1', '>=' ) ) ? 'jquery-core' : 'jquery'; $enqueued = wp_script_is( $handle ); wp_enqueue_script( $handle ); $version = ''; $jquery_url = ''; $google_not_exists = array( '1.12.3' ); if ( is_a( $wp_scripts, 'WP_Scripts' ) ) { $registered = $wp_scripts->registered; if ( isset( $registered[ $handle ] ) ) { $version = $registered[ $handle ]->ver; if ( in_array( $version, $google_not_exists ) ) { $jquery_url = '//code.jquery.com/jquery-' . $version . '.min.js'; } } } if ( empty( $version ) ) { $version = '1.12.0'; } if ( empty( $jquery_url ) ) { $jquery_url = '//ajax.googleapis.com/ajax/libs/jquery/' . $version . '/jquery.min.js'; } wp_dequeue_script( $handle ); wp_deregister_script( $handle ); wp_register_script( $handle, $jquery_url ); if ( $enqueued ) { wp_enqueue_script( $handle ); } } add_action( 'wp_enqueue_scripts', 'hocwp_load_jquery_from_cdn' );Đoạn code bên trên sẽ lấy đường dẫn jQuery từ dịch vụ CDN của Google thay vì tải trực tiếp từ hosting của bạn. Để phòng tránh trường hợp code bị lỗi, đường dẫn không đúng và jQuery không được tải thì bạn thêm hàm bên dưới để kiểm tra.
function hocwp_jquery_google_cdn_fallback() { echo '<script>window.jQuery || document.write(\'<script src="' . includes_url( 'js/jquery/jquery.js' ) . '"><\/script>\')</script>' . "\n"; } add_action( 'wp_footer', 'hocwp_jquery_google_cdn_fallback', 1 );Chúc bạn thành công.
Từ khóa » Cách Thêm Jquery Vào Wordpress
-
Cách Thêm JQuery Vào WordPress - HelpEx
-
Cách Thêm Mã JQuery Trên WordPress - Tạo Blog
-
Làm Cách Nào để Thêm Tập Lệnh JQuery đơn Giản Vào WordPress?
-
5 Thủ Thuật Sử Dụng JQuery Với WordPress
-
Hướng Dẫn Thêm (nhúng) Thư Viện Jquery Vào Website
-
Hướng Dẫn Nâng Phiên Bản JQuery Trên Website WordPress - Code Tốt
-
Thay Thế Thư Viện JQuery Mặc định Trong WordPress - Hoàng An
-
Cách Thêm Tập Lệnh JQuery Vào WordPress đúng Cách
-
Thêm Js Vào Wordpress Bằng Php - Wpuonline
-
5 điều Lưu ý Khi Sử Dụng Jquery Trong Wordpress - Hoàng Web
-
Thêm Script Vào Wordpress Bằng PHP
-
Hướng Dẫn Cách Thêm File Javascript Vào Wordpress - MegaCode
-
Các Lỗi Thường Gặp Với JQuery Trong WordPress Và Cách Khắc Phục
-
Hướng Dẫn Cách Thêm Css Và Javascript Vào Theme Wordpress