2010-11-19 14 views
28

Po prostu chcę zapytać, jak wydrukować skrypt "javascript" na stopce za pomocą prostej wtyczki. Używam WordPress 3.0 jakieś pomysły?Jak umieścić mój javascript w stopce?

+0

Możesz uzyskać ten sam wzrost wydajności, dodając znacznik 'defer' do swoich skryptów - patrz https://matthewhorne.me/defer-async-wordpress-scripts/ – diachedelic

Odpowiedz

71

Użyj pliku functions.php wewnątrz szablonu motywu dodać to:

<?php 

function add_this_script_footer(){ ?> 

[YOUR JS CODE HERE] 

<?php } 

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

Nadzieję, że to pomaga!

+9

Sweet. Dzięki. Dodatkowo, jeśli chcesz się upewnić, że ładuje się po innym skrypcie (np. JQuery), możesz dodać taki priorytet jak: 'add_action ('wp_footer', 'add_this_script_footer', 20);' –

+0

Aby dołączyć js kod w stopce administratora, można użyć akcji 'admin_footer'. – sudip

+1

Dzięki @EricG dla trzeciego parametru. – roshan

22

dla zewnętrznego pliku JavaScript być połączone w stopce, to wykorzystać (> = 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'); 

To ostatni prawdziwy oznacza, że ​​skrypt należy umieścić na wp_footer() haka.

10

Hum może być już za późno, aby odpowiedzieć, ale jeśli ktoś przychodzi tutaj z tym samym problemem:

Jest plugin to zrobić: http://wordpress.org/extend/plugins/footer-javascript/

Albo można to robić ręcznie, dodając ten krótki kod w 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

Przenosi to również style do stopki – diachedelic

Powiązane problemy