Hướng dẫn wordpress jquery library - thư viện jquery wordpress
|
Các bài viết nhằm hướng dẫn cho những ai chưa có kinh nghiệm về thiết kế web, đặc biệt là thiết kế web bằng Wordpress. Ngoài ra còn chia sẻ các kĩ thuật lập trình Javascript và jQuery nâng cao cho những ai yêu thích bộ môn này. Show Đăng ngày 24/12/2020 bởi Chinsu Man Mỗi dịp xuân về tết đến, hay giáng sinh, noel. Bạn cũng muốn website của mình có thêm chút không khí liên quan đến các sự kiện sắp diễn ra. Bài viết này tôi xin giới thiệu đến các bạn một đoạn code javascript mà khi nhúng vào web sẽ... Chi tiết » Đăng ngày 23/12/2020 bởi Chinsu Man Bạn đang seo web với nội dung chất lượng, web bạn có rất nhiều bài viết hay và có thứ hạng google cao. Đó là tâm huyết của bạn, một mai bạn phát hiện ở đâu đó có những bài viết y như của bạn. Vâng là của bạn, bạn... Chi tiết » Đăng ngày 23/12/2020 bởi Chinsu Man Bạn đang seo web với nội dung chất lượng, web bạn có rất nhiều bài viết hay và có thứ hạng google cao. Đó là tâm huyết của bạn, một mai bạn phát hiện ở đâu đó có những bài viết y như của bạn. Vâng là của bạn, bạn... Chi tiết » Đăng ngày 23/12/2020 bởi Chinsu Man Bạn đang seo web với nội dung chất lượng, web bạn có rất nhiều bài viết hay và có thứ hạng google cao. Đó là tâm huyết của bạn, một mai bạn phát hiện ở đâu đó có những bài viết y như của bạn. Vâng là của bạn, bạn... Chi tiết » Điểm bài viết [Tổng cộng: 2 Trung bình: 4]2 Trung bình: 4] Một trong những vấn đề nổi bật khi bạn muốn dùng jQuery version mới 3.x cùng các thư viện, nhưng hiện tại phiên bản trên WordPress là jQuery 1.x. Bạn sẽ xử lý như thế nào? Quá trình phát triển của WordPress gắn liền với jQuery và có nhiều thứ được làm rất lâu, nên việc thay thế bằng phiên bản jQuery mới nhất có thể ảnh hưởng tới core. Làm cách nào bạn chuyển jQuery version cho WordPress?Hãy cân nhắc một tình huống: Bạn cần chạy 1 thư viện với yêu cầu là chạy cùng jQuery 3.x. Bạn sẽ làm thế nào để nó chạy được khi jQuery trên WordPress mặc định đang là 1.x? Cách nhiều người thường làm là gọi thêm script đăng ký jQuery 3.x vào trong frontend web. Tuy vậy, về mặt kĩ thuật thì rõ ràng sử dụng hai version jQuery cùng lúc là rất xung đột. Ta cần một phương án tối ưu và “thuần WordPress” – tức làm theo đúng cách mà WordPress cung cấp, để hạn chế các bug tối đa. Khi đó, ta nói đến các phương thức: is_admin() Check xem đang ở trong Dashboard quản trị hay ngoài website. wp_deregister_script Phương thức này giúp bỏ đăng ký 1 core script nào đó của WordPress wp_register_script Phương thức này ngược lại, giúp đăng ký 1 core script vào trong WordPress wp_enqueue_script Phương thức này quen hơn, là nhét script vào chạy trong WordPress Cách đăng ký jQuery version khácTa cần tác động vào action function change_jquery_version() {
if (!is_admin()) {
wp_deregister_script('jquery');
wp_register_script('jquery', 'https://code.jquery.com/jquery-3.3.1.min.js', false, '3.3.1');
wp_enqueue_script('jquery');
}
}
add_action('init', 'change_jquery_version');Nào, giờ bạn hãy thử mở website ra và view source để xem có phải phiên bản jQuery 3.3.1 đang được load trên website của bạn không nhé. 12đánh giá 2 đánh giá Đánh giá bài viết Post Views:510 510 Điều hướng bài viết
Chủ đề này tôi được các bạn hỏi khá nhiều, đặc biệt là các bạn làm về lập trình Theme WordPress. Như các bạn đã biết, thư viện jQuery mặc định của WordPress là phiên 1.12. Với phiên này, có thể 1 số plugin của jQuery sẽ không hoạt động. Lúc này bạn cần thay thế thư viện mặc định của WordPress thành thư viện khác có phiên bản cao hơn hoặc đơn giản là bạn muốn thay bằng link CDN của Google. Trong bài viết này, tôi sẽ hướng dẫn bạn cách thay thư viện jQuery mặc định của WordPress. Để thay thế thư viện jQuery mặc định của WordPress bạn cần chèn đoạn code sau vào file Trong đó hàm Sau khi chèn đoạn code trên và thay đường dẫn tới thư viện jQuery mới của bạn, website đã được đổi qua thư viện mới. Kết luậnTrên đây là chút kinh nghiệm của tôi về việc thay thế thư viện jQuery mặc định của WordPress. Hy vọng bài viết này sẽ giúp ích cho bạn. Nếu có bất kỳ thắc mắc nào, vui lòng comment phía dưới bài viết này. |
