Nếu bạn đang vội, hãy sử dụng mục lục bên dưới để cuộn đến phần có liên quan của bài viết
Nội dung[Hiển thị]
- Cách thêm JavaScript vào WordPress
- 1. Sử dụng một plugin như WPCode
- 2. Sử dụng chức năng. php
- Trang đơn hoặc bài đăng
- Thêm Javascript vào tất cả các trang
- 3. Thêm JavaScript vào tiêu đề chủ đề của bạn
- Sử dụng hook wp_head để thêm JavaScript tùy chỉnh
- Thêm Javascript vào video WordPress
- Các câu hỏi thường gặp
- Javascript là gì?
- Làm cách nào để thêm tệp Javascript vào WordPress?
- Tôi có thể sử dụng Javascript trong WordPress không?
- Làm cách nào để thêm mã của riêng tôi vào WordPress?
- Làm cách nào để chỉnh sửa Javascript trong WordPress?
- Phần kết luận
- Cách thêm JavaScript vào WordPress
Bài viết này bao gồm các thay đổi trong mã WordPress. Nếu không tự tin chỉnh mã, bạn có thể xem bài viết này để tìm hiểu cách tuyển dụng nhà phát triển WordPress tốt nhất cho doanh nghiệp của mình. https. //www. tập thể. com/wordpress-developers-for-hire, hoặc tìm xem các tùy chọn phát triển giá rẻ sau đây.
Nếu bạn không chắc liệu điều này có phù hợp với mình hay không và phải làm gì để hoàn thành việc này một cách nhanh chóng, hãy xem một số hợp đồng biểu diễn của Fiverr, những người có thể hoàn thành việc này cho bạn một cách nhanh chóng
Nhấn vào đây để tìm các chuyên gia giá rẻ về các bản sửa lỗi WordPress
Cách thêm JavaScript vào WordPress
Có nhiều cách để thêm mã Javascript tùy chỉnh vào trang web WordPress của bạn, mỗi cách đều có cách sử dụng riêng
- Thêm tập lệnh vào các trang được chọn bằng plugin như WPCode
- Thêm tập lệnh vào một trang cụ thể hoặc một trang bạn chọn hoặc nhiều trang bằng các chức năng. php
- Thêm tệp Javascript vào tiêu đề chủ đề của bạn
Chúng ta hãy xem chi tiết từng phương pháp này
1. Sử dụng một plugin như WPCode
Nếu bạn chỉ muốn sử dụng plugin để nhúng tham chiếu javascript vào tệp đầu trang hoặc chân trang của chủ đề WordPress, thì plugin WPCode là một tùy chọn dễ dàng và MIỄN PHÍ
Đúng như tên gọi, nó cho phép bạn thêm các đoạn mã nhỏ, chẳng hạn như tập lệnh vào tệp đầu trang và chân trang, điều mà chúng cần phải có trong hầu hết thời gian.
Thay vì sửa đổi trực tiếp các tệp của chủ đề bằng mã Javascript tùy chỉnh, plugin cho phép bạn chèn mã, mã này sau đó sẽ được thêm vào đầu trang hoặc chân trang của trang web của bạn, tùy thuộc vào các tùy chọn bạn đã chọn.
Plugin này hỗ trợ một số tùy chọn khác nhau, vì vậy chúng tôi sẽ chỉ mô tả những tùy chọn phổ biến nhất mà bạn sẽ cần sử dụng
Bạn có thể tải xuống WPCode tại đây hoặc cài đặt nó bằng chức năng Cài đặt plugin của WordPress
Cài đặt plugin WPCode
- Đăng nhập vào phụ trợ hoặc quản trị trang web của bạn
- Chuyển đến Plugin> Thêm mới
- Tìm kiếm plugin "WPCode" và nhấp vào Cài đặt ngay
- Khi nó đã được cài đặt, hãy nhấp vào Kích hoạt
Giờ đây, bạn có thể tải tập lệnh tùy chỉnh mà không cần tệp [e. g. để thêm tập lệnh mà bạn đã được cung cấp, chẳng hạn như Google Analytics] hoặc tải lên tệp Javascript tùy chỉnh.
Tùy chọn phổ biến nhất bạn có thể sử dụng với plugin này là tùy chọn thêm mã trực tiếp vào WordPress
Điều này có thể được sử dụng khi bạn đang sử dụng dịch vụ của bên thứ ba, chẳng hạn như Google Analytics, Drip hoặc một công cụ khác cần thêm một số tập lệnh vào trang web của bạn. Chỉ cần lấy tập lệnh và thả vào cửa sổ Đầu trang và Chân trang toàn cầu
Bạn có thể chọn thêm tập lệnh vào Đầu trang, Nội dung hoặc Chân trang. Bạn nên có hướng dẫn từ nhà cung cấp tập lệnh mà bạn cần thêm tập lệnh vào phần nào trong số những phần này
Giả sử bạn muốn thêm nó vào Tiêu đề
Nhấp vào "Lưu thay đổi" để hoàn tất
Giờ đây, plugin WPCode sẽ thêm mã vào từng trang trên trang web của bạn
Tải lại giao diện người dùng và kiểm tra nguồn trang web của bạn để đảm bảo rằng mã hiện đang hiển thị. Bạn cũng nên duyệt qua một vài trang để xác nhận rằng mọi thứ vẫn hoạt động tốt
WPCode cũng cho phép bạn tạo các đoạn mã của riêng mình
Bạn cũng có thể chèn đoạn mã vào bất cứ đâu trên trang web của mình, chẳng hạn như bên trong bài đăng hoặc trang, trước hoặc sau bài đăng, trước hoặc sau nội dung hoặc một số tùy chọn khác mà bạn có thể cần
Chỉ cần điều hướng đến Đoạn mã> Thêm đoạn mã và sau đó chọn 'Tạo đoạn mã của riêng bạn. '
Bây giờ, bạn sẽ được đưa đến trang 'Tạo đoạn mã tùy chỉnh' nơi bạn có thể đặt tiêu đề cho mã của mình và dán mã vào hộp 'Xem trước mã'
Sau đó, từ menu thả xuống 'Loại mã', hãy chọn 'Đoạn mã JavaScript. '
Sau đó, chỉ cần cuộn xuống cho đến khi bạn đến khu vực 'Chèn'
Tất cả những gì còn lại là chọn một 'Vị trí' cho mã từ trình đơn thả xuống. Xác định vị trí 'Trang, Bài đăng, Loại bài đăng tùy chỉnh' và chỉ định nơi bạn muốn mã hiển thị trên trang hoặc bài đăng
Nếu bạn muốn WPCode đặt đoạn mã trước hoặc sau một đoạn văn, bạn có thể chỉ định đoạn mã nào trong bài đăng sẽ xuất hiện trước hoặc sau đoạn mã đó
Ví dụ: nếu bạn nhập 1 vào trường 'Chèn số', đoạn mã sẽ xuất hiện trước hoặc sau đoạn đầu tiên. Đối với đoạn thứ hai, sử dụng 2, v.v.
Sau đó, chỉ cần chuyển công tắc ở gần đầu màn hình sang 'Hoạt động', rồi nhấp vào tùy chọn 'Lưu đoạn trích' bên cạnh nó
Đó là tất cả những gì cần thiết để lấy mẫu mã của bạn trực tuyến
Ưu điểm chính của việc sử dụng plugin là tùy chọn thân thiện với người mới bắt đầu. Bạn không cần lo lắng về việc chỉnh sửa các tệp của chủ đề. Plugin WPCode cũng có thể hữu ích nếu bạn đang tìm kiếm một cách liền mạch để thêm các loại mã khác và CSS tùy chỉnh
Tuy nhiên, nhược điểm của phương pháp này là nó liên quan đến việc cài đặt plugin của bên thứ ba, điều mà một số chủ sở hữu trang web cố gắng tránh. Nếu bạn muốn giữ các tiện ích mở rộng của mình ở mức tối thiểu, tốt hơn hết bạn nên sử dụng một trong các phương pháp khác.
Mặc dù điều này có vẻ khá đơn giản, nhưng nó có thể nằm ngoài vùng an toàn của bạn, vì vậy nếu bạn muốn hoàn thành việc này một cách nhanh chóng, hãy xem một số nhà phát triển trên Fiverr, những người có thể hoàn thành việc này cho bạn
Nhấn vào đây để tìm các chuyên gia giá rẻ về các bản sửa lỗi WordPress
2. Sử dụng chức năng. php
Trang đơn hoặc bài đăng
Tinh chỉnh mã này sẽ sử dụng tệp chức năng được tìm thấy trong thư mục mẫu của bạn để thêm một. Tệp JS do chính bạn lựa chọn vào một trang duy nhất do chính bạn lựa chọn
Điều này sử dụng chức năng IS_PAGE mà bạn có thể tìm thấy ở đây. https. // nhà phát triển. báo chí. org/themes/cơ bản/thẻ điều kiện/. Bạn thực sự có thể sử dụng nhiều tùy chọn khác nếu bạn chỉ muốn thêm tập lệnh trong các điều kiện cụ thể, chẳng hạn như
- ________số 8
is_front_page[],