Cách thêm CSS và Javascript vào Wordpress

Trong bài viết hôm nay mình sẽ hướng dẫn bạn cách thêm CSS và Javascript vào trong Wordpress nha.

Bạn có thể cho Wordpress biết là khi nào sẽ tải file, tải file như thế nào và ở đâu bằng cách sử dụng các hàm wp_enqueue_script hoặc wp_enqueue_style. Nó sẽ hạn chế việc một thư viện Javascript hay CSS được tải nhiều lần. Điều này sẽ giúp trang web của bạn có hiệu suất tốt hơn cũng như tránh được tình trang xung đột giữa các plugin hay chủ đề trong trang web.

1) Đầu tiên bạn sẽ truy cập vào cPanel hoặc FTP để tìm file function.php.

2) Tiếp theo bạn sẽ thêm đoạn mã như hình bên dưới nha

Ở đây mình xin giải thích về cách mà hàm wp_enqueue_script hoạt động với 5 tham số là:

• $handle: đây là tên duy nhất của tệp. Ở ví dụ trên là my_file_script.
• $src: vị trí của tệp. Ở ví dụ trên chúng ta sử dụng hàm plugins_url để lấy địa chỉ của tệp file_script.js trong plugin.
• $deps: là phần phụ thuộc đi kèm với file của bạn. Vì trong đoạn mã có sử dụng thư viện jquery nên chúng ta sẽ thêm array('jquery') như là phần phụ thuộc cần phải tải để sử dụng file_script.js.
• $ver: đây là phiên bản của tệp như ví dụ trên là 1.1 . Cái này sẽ không yêu cầu bắt buộc nhé.
• $in_footer: nếu bạn muốn tải file ở footer thì thiết lập thuộc tính true còn ngược lại thì false .

Cũng như wp_enqueue_script thì ở đây chúng ta sử dụng wp_enqueue_style để thêm file CSS vào trong trang web.

Từ bản cập nhật Wordpress 5.9 thì chúng có thể tùy chỉnh style cho trang web của mình một cách dễ dàng bằng việc thêm các đoạn mã CSS trong Theme File Editor.

Nếu như bạn là người mới bắt đầu phát triển website thì plugin Head & Footer Code này sẽ giúp thêm các đoạn mã CSS và Javascript dễ dàng vào Wordpress.

Simple Custom CSS and JS giúp tùy chỉnh giao diện trang web WordPress của bạn bằng cách thêm mã nhanh chóng CSS, JS tùy chỉnh mà không cần phải sửa đổi các tệp chủ đề hoặc plugin của bạn.

Tổng kết:

Qua đây mình mong bài viết sẽ cung cấp cho thêm các kiến thức về việc thêm SS và Javascript vào trong Wordpress. Nếu có thắc mắc gì cứ gửi email mình sẽ phản hồi sớm nhất có thể. Rất mong bạn tiếp tục ủng hộ trang web để mình có thể viết nhiều bài hay hơn nữa nhé. Chúc bạn có một ngày vui vẻ!