web-dev-qa-db-ja.com

フッターに私のJavaScriptを配置する方法

単純なプラグインを使用して、フッターでスクリプト「javascript」を印刷する方法について質問したいだけです。 WordPress 3.0のアイデアはありますか?

36
Trez

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

<?php

function add_this_script_footer(){ ?>

[YOUR JS CODE HERE]

<?php } 

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

それが役に立てば幸い!

87
Jk_

フッターでリンクされる外部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' );

最後のtrueは、スクリプトをwp_footer()フックに配置する必要があることを意味します。

24
windyjonas

答えるには遅すぎるかもしれませんが、他の誰かが同じ問題でここに来た場合:

これを行うプラグインがあります: 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);
11
Slapandthink