Hi,
Bạn có thể sử dụng Hook WP_Footer để thêm mã. Xem mã ví dụ dưới đây.
function prefix_footer_code() {
// Add your code here.
}
add_action( 'wp_footer', 'prefix_footer_code' );
Thêm nó vào tệp function.php của chủ đề con.
Nếu bạn chỉ sử dụng một tập lệnh nhỏ hoặc đánh dấu khác, bạn có thể kết nối một hàm vào bộ lọc wp_footer, nên được bao gồm trong tất cả các chủ đề được mã hóa đúng cách:
add_action( 'wp_footer', function () { ?>
Tuy nhiên, nếu mã JavaScript của bạn đáng kể hơn hoặc bạn muốn sử dụng các thư viện tích hợp như jQuery, bạn nên đặt mã vào một tệp bên ngoài và tạo ra nó đúng cách sử dụng hàm wp_enqueue_script():
wp_enqueue_script(
'myscript', // lowercase name of script
get_template_directory_uri() . '/js/script.js', // url to script
array( 'jquery' ), // libraries to use
false, // version of script (false is WP version)
true // load in footer (true) or head (false)?
);
Bạn có thể đọc thêm về cách sử dụng chức năng wp_enqueue_script() trong Codex
Nếu bạn cần thêm trợ giúp, xin vui lòng đăng một bình luận bên dưới.
Đôi khi khi sử dụng WordPress, bạn sẽ thấy cần phải chèn một tập lệnh trong trang web của bạn hoặc trước khi các thẻ đóng.
Có & nbsp; plugin & nbsp; có thể giúp bạn làm điều này, nhưng chúng không phải lúc nào cũng đáng tin cậy, bị giới hạn trong những gì họ cung cấp và nó chỉ là một plugin khác để làm tắc nghẽn và làm chậm trang web của bạn.plugins that can help you do this, but they are not always reliable, are limited in what they offer and it’s just another plugin to clog up and slow down your site.
Vì vậy, hãy để Lừa làm theo cách cũ, bằng cách sử dụng các móc và chức năng được tích hợp trong WordPress để chèn các tập lệnh của bạn nơi bạn muốn. Tôi sẽ chỉ cho bạn cách chèn cả & nbsp; CSS & nbsp; hoặc & nbsp;CSS or Javascript scripts within your head or body, there are different best practice methods for each.
Hướng dẫn này giả định rằng bạn đang sử dụng A & nbsp; chủ đề con. & NBSP; Nếu bạn đã sử dụng một, tôi khuyên bạn nên đặt một cái sau đó quay lại hướng dẫn này, để các tùy chỉnh của bạn không bị mất vào lần tới khi bạn cập nhật chủ đề của mình.child theme. If you aren’t already using one, I suggest you set one up then come back to this guide, so that your customisations are not lost the next time you update your theme.
Nếu bạn đang sử dụng một chủ đề trẻ em, hãy điều hướng đến:
Chúng tôi sẽ sử dụng chức năng PHP có tên WP_ENQUEUE_SCRIPT để chèn các tập lệnh của chúng tôi trong hoặc trước khi thẻ đóng.
Hàm này & nbsp; đăng ký một tập lệnh & nbsp; nếu & nbsp;registers a script if the src provided is valid and then enqueues it to be loaded on your website – https://developer.wordpress.org/reference/functions/wp_enqueue_script/
Bạn có thể thấy một ví dụ về wp_enqueue_script ở trên được sử dụng để thiết lập một chủ đề con, nhưng đừng lo lắng, mã của chúng tôi sẽ đơn giản hơn một chút.
Chèn các tập lệnh vào đầu WordPress là & nbsp; siêu dễ dàng, ở đó thực sự không cần một plugin. Tất cả những gì bạn cần làm là lấy khối mã bên dưới và thay đổi một điều, URL thành tập lệnh của bạn.super easy, there’s really no need for a plugin. All that you need to do is take the block of code below and change one thing, the URL to your script.
Ở đây, chúng tôi đang tạo một hàm gọi là enqueue_scripts. Bạn có thể gọi chức năng của mình bất cứ điều gì, bạn không cần phải lo lắng về dấu ngoặc đơn hoặc dấu ngoặc xoăn ngay bây giờ. Một hàm lưu trữ một khối mã có thể được kích hoạt bằng cách gọi tên hàm.
wp_enqueue_script('script-name', 'https://code.jquery.com/jquery-3.3.1.slim.min.js');wp_enqueue_script là một hàm wordpress tích hợp. WordPress đã thực hiện tất cả các công việc khó khăn cho chúng tôi, chúng tôi chỉ cần vượt qua các tham số phù hợp để thực hiện công việc này (hai khối văn bản trong dấu ngoặc đơn).
‘Kịch bản tên-giá trị này có thể là bất cứ điều gì. Đó là một trình giữ chỗ để tham khảo tập lệnh bạn muốn chèn vào.
‘Https://code.jquery.com/jquery-3.3.1.slim.min.js-thay thế cái này bằng & nbsp; tập lệnh của bạn.your script.
add_action ('wp_enqueue_scripts', 'enqueue_scripts');Phần cuối cùng của đoạn mã này là nói với WordPress để chèn các tập lệnh chúng tôi tham chiếu trong chức năng của chúng tôi. .
(‘wp_enqueue_scripts, – this must come first, it’s the built in WordPress function
‘enqueue_scripts’) – this must come second, it’s the name you give your custom function.
WordPress làm cho nó & nbsp; siêu dễ dàng & nbsp; để chèn các tập lệnh trước khi thẻ đóng thông qua việc sử dụng tham số $ in_footer có thể được sử dụng trong hàm wp_enqueue_script.super easy to insert scripts before the closing tag through use of the $in_footer parameter that can be used in the wp_enqueue_script function.
Chúng ta chỉ cần thực hiện A & nbsp; thay đổi nhỏ & nbsp; với tập lệnh chúng tôi đã sử dụng ở trên để làm cho tập lệnh của chúng tôi xuất hiện trước thẻ đóng.tiny change to the script we used above to make our script appear before the closing tag.
Bạn có thể thấy những gì khác biệt giữa hai tập lệnh? Kudos nếu bạn có thể! Bạn có thể có một con mắt sắc sảo.
Dù sao, nếu bạn có thể, tôi sẽ nói với bạn. Trong các dấu ngoặc đơn, tôi đã thêm ‘‘, ‘, đúng trước khi kết thúc dấu ngoặc đơn.
wp_enqueue_script chấp nhận 5 tham số và $ in_footer là tham số thứ 5, có giá trị đúng hoặc sai. Chúng ta cần nói với chức năng của mình rằng chúng ta sử dụng tham số 3 hoặc 4, đó là lý do tại sao chúng ta có hai cái trống ‘.
Đặt $ in_footer thành true, sẽ thay đổi khi tập lệnh của bạn được chèn vào ngay trước thẻ.
Để kiểm tra xem tập lệnh của bạn có được chèn chính xác không, hãy làm theo các bước sau:
Nếu bạn thấy tập lệnh của mình, bạn sẽ biết chức năng của bạn đang thực thi chính xác. Bạn cũng có thể kiểm tra nó có xuất hiện ở đúng vị trí bằng cách kiểm tra xem nó có xuất hiện trước khi thẻ đóng không (nó trong tiêu đề) hoặc trước thẻ đóng (nó không nằm trong tiêu đề).
