2010-11-19 7 views
28

単純なプラグインを使ってフッターに「javascript」スクリプトを印刷する方法を聞きたいだけです。私はWordPress 3.0のアイデアを使用していますか?フッターに自分のjavascriptを入れる方法

+0

スクリプトに 'defer'タグを追加することで、同じ性能向上を得ることもできます - https://matthewhorne.me/defer-async-wordpress-scripts/ – diachedelic

答えて

71

は、これを追加するには、テーマのテンプレート内のfunctions.phpファイルを使用します。

<?php 

function add_this_script_footer(){ ?> 

[YOUR JS CODE HERE] 

<?php } 

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

はそれが役に立てば幸い!本当の最後のフッターにリンクする外部JavaScriptファイルについては

+9

Sweetを参照してください。ありがとう。 さらに、別のスクリプト(つまりJQuery)の後にロードするようにしたい場合は、 'add_action( 'wp_footer'、 'add_this_script_footer'、20);' –

+0

js adminフッターのコード、 'admin_footer'アクションを使用することができます。 – sudip

+1

第3パラメータの@EricGに感謝します。 – roshan

22

、この(> = 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

関連する問題