Hướng dẫn add script to body wordpress - thêm script vào body wordpress

Xem 3 câu trả lời - 1 đến 3 (tổng cộng 3)

  • Xin chào @uandiweb,

    Nếu bạn muốn thêm mã vào cuối phần , bạn có thể thay thế dòng đó bằng điều này:

    add_action( 'wp_head', function () { ?>

    Điều đó thêm vào phần đầu. Các mẫu mới sẽ hỗ trợ wp_body_open. Điều đó chủ yếu cho JavaScript nhưng cũng có thể sử dụng cho các mục đích khác. Các mẫu cũ don ủng hộ điều này.

    Ah, sai lầm của tôi. Nếu bạn muốn thêm mã vào cuối phần , ngay trước thẻ , bạn thực sự nên thay thế nó bằng dòng này:

    add_action( 'wp_footer', function () { ?>

    Như @tapiohuuhaa đã nói, nếu bạn có một chủ đề hỗ trợ nó, bạn có thể thêm mã vào phần bắt đầu của phần , ngay sau thẻ , bạn có thể sử dụng điều này làm dòng đầu tiên:

    function wpb_hook_javascript() {
        ?>
            
        2

  • Xem 3 câu trả lời - 1 đến 3 (tổng cộng 3)

    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.

    Hướng dẫn add script to body wordpress - thêm script vào body wordpress

    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

    function wpb_hook_javascript() {
        ?>
            
        3 hoặc 
    function wpb_hook_javascript() {
        ?>
            
        4 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.

    Hướng dẫn add script to body wordpress - thêm script vào body wordpress

    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.’

    Hướng dẫn add script to body wordpress - thêm script vào body wordpress

    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ã.

    Hướng dẫn add script to body wordpress - thêm script vào body wordpress

    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.

    Hướng dẫn add script to body wordpress - thêm script vào body wordpress

    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ó.

    Hướng dẫn add script to body wordpress - thêm script vào body wordpress

    Đó 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.

    Hướng dẫn add script to body wordpress - thêm script vào body wordpress

    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

    function wpb_hook_javascript() {
        ?>
            
        5 thay vì 
    function wpb_hook_javascript() {
        ?>
            
        6. 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.

    Tiết lộ: Nội dung của chúng tôi được hỗ trợ độc giả. Điều này có nghĩa là nếu bạn nhấp vào một số liên kết của chúng tôi, thì chúng tôi có thể kiếm được một khoản hoa hồng. Xem cách WPBEGINNER được tài trợ, tại sao nó quan trọng và làm thế nào bạn có thể hỗ trợ chúng tôi. Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

    Hướng dẫn add script to body wordpress - thêm script vào body wordpress

    Nhân viên biên tập tại WPBEGINNER là một nhóm các chuyên gia WordPress do Syed Balkhi lãnh đạo. Chúng tôi đã tạo ra các hướng dẫn WordPress từ năm 2009 và WPBEGINNER đã trở thành trang web tài nguyên WordPress miễn phí lớn nhất trong ngành.

    Làm cách nào để thêm một tập lệnh vào một tiện ích trong WordPress?

    Đăng nhập vào trang web WordPress của bạn. Chuyển đến plugin> Thêm mới. Tìm kiếm các tập lệnh tiêu đề và chân trang của Google. Bấm vào cài đặt ngay bây giờ và kích hoạt plugin.Go to Plugins > Add new. Search for “Header and Footer Scripts”. Click “Install Now” and activate the plugin.

    Tôi có thể thêm tập lệnh trong WordPress không?

    Bạn có thể thêm JavaScript tùy chỉnh vào trang web WordPress của mình bằng cách sử dụng plugin hoặc bằng cách chỉnh sửa tệp chức năng của chủ đề hoặc chủ đề con của bạn. Sử dụng plugin là kỹ thuật được đề xuất nếu bạn không muốn chỉnh sửa các tệp nguồn của mình, vì các plugin này đảm bảo rằng các tập lệnh tùy chỉnh của bạn tải theo đúng thứ tự. php file. Using a plugin is the recommended technique if you don't want to edit your source files, as these plugins ensure that your custom scripts load in the right order.

    Làm cách nào để thêm mã sau thẻ cơ thể trong WordPress?

    Một chức năng khác được cung cấp bởi WordPress là wp_footer () được sử dụng để thêm mã trước khi đóng phần tử cơ thể (không phải sau khi cơ thể mở).Cho đến nay, các nhà phát triển WordPress sử dụng wp_footer () để tiêm mã vào thẻ cơ thể hoặc thêm mã tĩnh sau khi mở phần tử cơ thể.wp_footer() which is used to add code before the closing of the body element(not after the body open). So far, WordPress developers use wp_footer() to inject code in the body tag or add code statically after the opening of the body element.

    Làm cách nào để thêm mã trước thẻ cơ thể trong WordPress?

    Bạn có thể sử dụng Hook WP_Footer để thêm mã.Xem mã ví dụ dưới đây.hàm prefix_footer_code () {// Thêm mã của bạn tại đây.} add_action ('wp_footer', 'prefix_footer_code');use hook wp_footer to add the code. See the below example code. function prefix_footer_code() { // Add your code here. } add_action( 'wp_footer', 'prefix_footer_code' );