2010-11-19 53 views
28

我只想問如何使用簡單的插件在腳註打印腳本'JavaScript'。我正在使用WordPress 3.0的任何想法?如何把我的javascript在頁腳

+0

通過在腳本中添加「defer」標籤,您也可以獲得相同的性能提升 - 請參閱https://matthewhorne.me/defer-async-wordpress-scripts/ – diachedelic 2017-08-25 04:04:34

回答

71

使用functions.php文件的主題模板中添加此:

<?php 

function add_this_script_footer(){ ?> 

[YOUR JS CODE HERE] 

<?php } 

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

希望它能幫助!

+9

甜。謝謝。 此外,如果你想確保它加載在另一個腳本之後(即JQuery),你可以添加如下優先級:'add_action('wp_footer','add_this_script_footer',20);' – 2012-06-15 20:44:31

+0

要包含js代碼在管理頁腳中,可以使用'admin_footer'動作。 – sudip 2013-08-04 13:25:48

+1

感謝@EricG第三個參數。 – roshan 2015-12-27 11:32:55

22

對於外部JavaScript文件在頁腳鏈接,使用(> = 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'); 

,去年真正意味着腳本應該在wp_footer()掛鉤放。

10

坎可能爲時已晚來回答,但如果其他人有同樣的問題來到這裏:

有一個插件來做到這一點: http://wordpress.org/extend/plugins/footer-javascript/

或者你也可以通過添加人工做這個這個簡短的代碼到functions.php:

/** 
* 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

這也將樣式移動到頁腳 – diachedelic 2017-08-25 03:42:38