wp_footer() の使い方|説明・引数・注意点

説明

wp_footer() は、テーマのフッター部分で呼び出すと、WordPressやプラグインが出力するスクリプトなどを出力する関数です。

基本構文

wp_footer(): void

引数

引数はありません。

戻り値

戻り値はありません(wp_footer アクションを実行します)。

使い方(サンプル)

// footer.php の </body> の直前に記述
wp_footer();

注意点

  • footer.php の </body> の直前に必ず記述します。入れ忘れると、フッター読み込みのスクリプトや管理バーが動きません。

実務での使いどころ

  • footer.php の </body> の直前に、wp_footer() を書き、フッターのスクリプトや、管理バーを出力させる。
  • フッターで、スクリプトやタグを出力するとき(add_action( 'wp_footer', ... ))。

よくあるミスと対処

  • テーマの footer.php に wp_footer() がなく、フッターで読み込むスクリプトや、管理バーが出力されない。
  • </body> の後ろに、wp_footer() を書いている。
  • JavaScriptを、wp_footer に直接書いている。wp_enqueue_script() で、フッターに読み込む($in_footer を true)。

NG例

add_action( 'wp_footer', function () {
	echo '<script src="/js/a.js"></script>'; // 依存関係を管理できない
} );

OK例

add_action( 'wp_enqueue_scripts', function () {
	wp_enqueue_script( 'my-script', get_theme_file_uri( '/js/a.js' ), array(), '1.0.0', true );
} );

使い分け早見表

フック 出力する場所
wp_head() <head> の終わりの直前
wp_body_open() <body> の開始の直後
wp_footer </body> の直前

関連項目

wp_head()、wp_body_open()

公式リファレンス:wp_footer() | Function | WordPress Developer Resources

コメント

タイトルとURLをコピーしました