Hướng dẫn wordpress javascript plugin - plugin javascript wordpress

JavaScript là ngôn ngữ lập trình không chạy trên server của bạn mà trên trình duyệt của người dùng. Chương trình client-side này cho phép developer thực hiện nhiều điều thú vị mà không làm chậm trang web của bạn.

Nếu bạn muốn nhúng video, thêm calculator hoặc một số dịch vụ của bên thứ ba khác thì bạn sẽ thường được yêu cầu sao chép và dán đoạn code JavaScript vào trang web của mình.

Một đoạn code JavaScript điển hình có thể trông như thế này:

Lúc này, nếu bạn thêm đoạn code javascript vào bài đăng hoặc trang WordPress thì đoạn code sẽ bị xóa bởi WordPress khi bạn lưu.

Chúng tôi sẽ hướng dẫn bạn 3 phương pháp đơn giản nhất thêm JavaScript trong các trang hoặc bài đăng WordPress mà không tổn hại đến trang web của bạn.

Hướng dẫn thêm JavaScript trong trang hoặc bài viết của WordPress

Phương pháp 1: Thêm JavaScript Site-wide bằng cách sử dụng plugin Insert Headers and Footers

Đôi khi, bạn được yêu cầu sao chép và dán đoạn code JavaScript vào trang web của mình để thêm công cụ của bên thứ ba. Các tập scripts này thường được dán ở phần đầu hoặc ở dưới cùng trước tag của trang web của bạn để code sẽ được tải trên mỗi lượt xem trang.

Ví dụ: code cài đặt Google Analytics cần phải hiển thị trên mọi trang của trang web của bạn để có thể theo dõi khách truy cập trang web của bạn.

Bạn có thể thêm những đoạn code như vậy vào các file header.php hoặc footer.php của theme WordPress. Tuy nhiên những thay đổi này sẽ bị ghi đè khi bạn cập nhật hoặc thay đổi theme của mình.

Đó là lý do tại sao chúng tôi khuyên bạn nên sử dụng plugin để tải javascript trên trang web của bạn.

Trước tiên, bạn cần cài đặt và kích hoạt plugin Insert Headers and Footers. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn cần truy cập trang Settings » Insert Headers and Footers. Bạn sẽ thấy hai hộp trống như hình bên dưới, một cho Heater và một cho Footer.Settings » Insert Headers and Footers. Bạn sẽ thấy hai hộp trống như hình bên dưới, một cho Heater và một cho Footer.

Bây giờ bạn có thể dán code JavaScript mà bạn đã sao chép vào một trong các hộp này và sau đó nhấp vào nút Save.Save.

Plugin Insert Headers and Footers giờ đây sẽ tự động tải code bạn đã thêm trên mỗi trang của trang web.Insert Headers and Footers giờ đây sẽ tự động tải code bạn đã thêm trên mỗi trang của trang web.

Phương pháp 2: Thêm code JavaScript thủ công

Phương pháp này yêu cầu bạn thêm code vào các file WordPress của mình. Nếu bạn chưa làm điều này trước đây, vui lòng xem hướng dẫn của chúng tôi về cách sao chép và dán code trong WordPress.

Trước tiên, hãy xem cách thêm code vào tiêu đề trang web WordPress của bạn. Bạn sẽ cần phải thêm đoạn code sau vào file functions.php của theme hoặc một plugin dành riêng cho trang.