2010-11-19 40 views
28

Tôi chỉ muốn hỏi về cách in tập lệnh 'javascript' ở chân trang bằng cách sử dụng plugin đơn giản. Tôi đang sử dụng WordPress 3.0 bất kỳ ý tưởng?Cách đặt javascript của tôi ở chân trang

+0

Bạn cũng có thể đạt được hiệu suất tương tự bằng cách thêm thẻ 'trì hoãn 'vào tập lệnh của bạn - xem https://matthewhorne.me/defer-async-wordpress-scripts/ – diachedelic

Trả lời

71

Sử dụng một file functions.php trong template chủ đề của bạn thêm này:

<?php 

function add_this_script_footer(){ ?> 

[YOUR JS CODE HERE] 

<?php } 

add_action('wp_footer', 'add_this_script_footer'); ?> 

Hy vọng nó sẽ giúp!

+9

Ngọt ngào. Cảm ơn. Ngoài ra, mặc dù, nếu bạn muốn chắc chắn rằng nó tải sau khi một kịch bản khác, (ví dụ, JQuery) bạn có thể thêm một ưu tiên như vậy: 'add_action ('wp_footer', 'add_this_script_footer', 20); ' –

+0

Để bao gồm js mã trong chân trang quản trị, hành động 'admin_footer' có thể được sử dụng. – sudip

+1

Cảm ơn @EricG cho tham số thứ 3. – roshan

22

Đối với một tập tin javascript bên ngoài để được liên kết trong chân trang, sử dụng này (> = WP2.8)

function my_javascripts() { 
    wp_enqueue_script('the-script-handle', 
         'path/to/file.js', 
         array('jquery','other_script_that_we_depend_on'), 
         'scriptversion eg. 1.0', 
         true); 
} 
add_action('wp_enqueue_scripts', 'my_javascripts'); 

Đó kéo dài đúng nghĩa là kịch bản nên được đặt ở wp_footer() móc.

10

Hum có thể đã quá muộn để trả lời, nhưng nếu bất cứ ai khác đến đây với cùng một vấn đề:

Có một plugin để làm điều này: http://wordpress.org/extend/plugins/footer-javascript/

Hoặc bạn có thể làm điều này bằng tay bằng cách thêm mã này ngắn trong functions.php của bạn:

/** 
* Automatically move JavaScript code to page footer, speeding up page loading time. 
*/ 
remove_action('wp_head', 'wp_print_scripts'); 
remove_action('wp_head', 'wp_print_head_scripts', 9); 
remove_action('wp_head', 'wp_enqueue_scripts', 1); 
add_action('wp_footer', 'wp_print_scripts', 5); 
add_action('wp_footer', 'wp_enqueue_scripts', 5); 
add_action('wp_footer', 'wp_print_head_scripts', 5); 
+0

Điều này cũng di chuyển các kiểu đến chân trang – diachedelic

Các vấn đề liên quan