Hướng dẫn how do i embed javascript into wordpress? - làm cách nào để nhúng javascript vào wordpress?

Bạn có muốn thêm JavaScript vào các trang hoặc bài viết WordPress của mình không?

Đôi khi bạn có thể cần thêm mã JavaScript vào toàn bộ trang web của mình hoặc vào các trang và bài đăng cụ thể. Theo mặc định, WordPress không cho phép bạn thêm mã trực tiếp vào bài đăng của mình.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách thêm JavaScript vào các trang WordPress hoặc bài đăng một cách dễ dàng.

JavaScript là gì?

JavaScript là ngôn ngữ lập trình chạy trên trình duyệt của người dùng, không phải trên máy chủ của bạn. Lập trình phía khách hàng này cho phép các nhà phát triển làm rất 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 một trình phát video, thêm máy tính 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 mã JavaScript vào trang web WordPress của bạn.

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

  



Nhưng, nếu bạn thêm đoạn mã JavaScript vào bài đăng hoặc trang WordPress, thì nó sẽ bị WordPress xóa khi bạn cố gắng lưu nó.
Điều đó đang được nói, hãy để Lôi xem cách bạn có thể dễ dàng thêm JavaScript vào các trang hoặc bài đăng của WordPress mà không cần phá vỡ trang web của bạn. Bạn có thể sử dụng các liên kết nhanh bên dưới để nhảy thẳng vào phương thức bạn muốn sử dụng.
Thêm JavaScript ở bất cứ đâu bằng WPCode
Thêm JavaScript theo cách thủ công bằng cách sử dụng mã
Phương pháp 1. Thêm JavaScript ở bất cứ đâu trên trang web WordPress của bạn bằng WPCode
Đôi khi một plugin hoặc công cụ sẽ cần bạn sao chép và dán đoạn mã JavaScript vào trang web của bạn để hoạt động chính xác.
Thông thường, các tập lệnh này sẽ đi trong phần tiêu đề hoặc chân trang của blog WordPress của bạn, vì vậy mã được tải trên mỗi chế độ xem trang.
Ví dụ: khi bạn cài đặt Google Analytics, mã cần chạy trên mỗi trang của trang web của bạn, vì vậy nó có thể theo dõi khách truy cập trang web của bạn.
Bạn có thể tự thêm mã vào các tệp header.php hoặc footer.php của mình, nhưng những thay đổi này sẽ được ghi đè khi bạn cập nhật hoặc thay đổi chủ đề của mình.



Đó là lý do tại sao chúng tôi khuyên bạn nên sử dụng WPCode để thêm JavaScript ở bất cứ đâu trên toàn bộ trang web WordPress của bạn.
WPCode là plugin đoạn mã mã mạnh nhất có sẵn cho WordPress. Nó cho phép bạn dễ dàng thêm mã tùy chỉnh vào bất kỳ khu vực nào trên trang web của bạn và tốt nhất là nó miễn phí.
Đầu tiên, bạn cần cài đặt và kích hoạt plugin WPCode miễn phí. Để 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 được kích hoạt, bạn cần đi đến Code Snippets »Tiêu đề & Footer.Code Snippets » Headers & Footer.
Tại đây, bạn sẽ thấy ba trường riêng biệt được dán nhãn ‘tiêu đề, cơ thể, cơ thể và‘ chân trang.
Bây giờ bạn có thể thêm mã JavaScript của mình vào một trong các hộp này, sau đó chỉ cần nhấp vào nút ‘Lưu. WPCode bây giờ sẽ tự động tải mã bạn đã thêm vào mỗi trang của trang web của bạn.
Bạn cũng có thể thêm đoạn mã vào bất kỳ nơi nào khác trên trang web của bạn, chẳng hạn như các bài đăng hoặc trang bên trong.
Để làm điều này, chỉ cần truy cập Code Snippets » + Thêm đoạn trích và sau đó nhấp vào‘ Tạo của riêng bạn.Code Snippets » + Add Snippet and then click on ‘Create Your Own.’
Bây giờ bạn sẽ thấy trang ‘Tạo trang Snippet tùy chỉnh, nơi bạn có thể thêm một tiêu đề cho mã của mình và dán nó vào hộp‘ Mã xem trước mã.
Sau đó, chọn ‘JavaScript Snippet, từ menu thả xuống Loại mã.
Sau đó, chỉ cần cuộn cho đến khi bạn tìm thấy phần chèn chèn.
Tất cả những gì bạn phải làm bây giờ là chọn một ‘vị trí cho mã từ menu thả xuống. Tìm ‘Trang, bài đăng, Loại bài đăng tùy chỉnh và chọn nơi trong trang hoặc đăng bạn muốn mã xuất hiện.



Nếu bạn chọn có WPCode chèn đoạn trích trước hoặc sau một đoạn văn, bạn sẽ có thể chọn đoạn văn cụ thể nào trong bài đăng nó sẽ xuất hiện trước hoặc sau.
Ví dụ: nếu bạn đặt 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. Sử dụng 2 cho đoạn thứ hai, v.v.
Sau đó, bạn chỉ cần nhấp vào phần chuyển đổi gần đỉnh màn hình để chuyển sang ‘Active, và sau đó nhấp vào‘ Lưu nút Cnippet, bên cạnh nó.
Đó là tất cả những gì cần thiết để làm cho đoạn mã mã của bạn trực tiếp trên trang web!
Phương pháp 2. Thêm mã JavaScript vào WordPress theo cách thủ công bằng cách sử dụng mã
Với phương thức này, bạn cần thêm mã vào các tệp WordPress của mình. Nếu bạn đã thực hiện điều này trước đây, thì hãy xem hướng dẫn của chúng tôi về cách sao chép và dán mã vào WordPress.
Đầu tiên, chúng tôi sẽ chỉ cho bạn cách thêm mã vào tiêu đề trang web WordPress của bạn. Bạn cần sao chép mã sau và thêm nó vào các chức năng của mình.php, trong một plugin dành riêng cho trang web hoặc bằng cách sử dụng plugin mã mã.
function wpb_hook_javascript() {
    ?>
        
    
Thêm JavaScript vào một bài viết WordPress cụ thể bằng cách sử dụng mã
Nếu bạn chỉ muốn thêm JavaScript vào một bài viết WordPress duy nhất, thì bạn sẽ cần thêm logic có điều kiện vào mã.
Hãy xem đoạn mã sau:
function wpb_hook_javascript() {
  if (is_single ('5')) { 
    ?>
        
    
Mã trên sẽ chỉ chạy JavaScript nếu ID bài đăng khớp với 5 5. Hãy chắc chắn rằng bạn thay thế các 5 5 bằng ID bài viết của riêng bạn.
Để tìm ID bài đăng mở bài đăng nơi bạn muốn JavaScript chạy. Sau đó, trong URL của trang, bạn sẽ tìm thấy ID bài viết.
Thêm JavaScript vào một trang WordPress cụ thể bằng cách sử dụng mã



Nếu bạn chỉ muốn thêm JavaScript vào một trang WordPress duy nhất, thì bạn sẽ cần thêm logic có điều kiện vào mã, giống như trên.
Hãy xem ví dụ sau:
function wpb_hook_javascript() {
  if (is_page ('10')) { 
    ?>
        
    
Mã trên sẽ chỉ chạy JavaScript nếu ID trang là 10 10. Hãy chắc chắn rằng bạn thay thế các trò chơi 10 10 bằng ID trang của riêng bạn.
Bạn có thể tìm thấy ID trang bằng phương pháp tương tự như trên. Chỉ cần mở trang bạn muốn JavaScript chạy và lưu ý ID trang trong URL.
Thêm JavaScript vào một bài viết hoặc trang WordPress cụ thể bằng cách sử dụng mã trong chân trang
Nếu bạn muốn JavaScript chạy trong trang web trang web của bạn thay vì tiêu đề, thì bạn có thể thêm đoạn mã sau vào trang web của bạn.
function wpb_hook_javascript_footer() {
    ?>
        
    
Mã mã này móc vào wp_footer thay vì wp_head. Bạn cũng có thể thêm các thẻ có điều kiện để thêm JavaScript vào các bài đăng và trang cụ thể như các ví dụ ở trên.
Lưu ý: Những phương pháp này dành cho người mới bắt đầu và chủ sở hữu trang web. Nếu bạn đang học chủ đề WordPress hoặc phát triển plugin, thì bạn cần phải khởi động đúng cách và các kiểu dáng cho các dự án của mình.
These methods are for beginners and website owners. If you are learning WordPress theme or plugin development, then you need to properly enqueue JavaScript and stylesheets to your projects.
Chúng tôi hy vọng bài viết này đã giúp bạn học cách dễ dàng thêm JavaScript vào các trang hoặc bài đăng của WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách chọn nền tảng viết blog tốt nhất và các chuyên gia của chúng tôi về phần mềm AI Chatbot tốt nhất cho trang web của bạn.
Nếu bạn thích bài viết này, sau đó vui lòng đăng ký & NBSP của chúng tôi; kênh YouTube & nbsp; cho các hướng dẫn video WordPress. Bạn cũng có thể tìm thấy chúng tôi trên & nbsp; Twitter & nbsp; và Facebook.