wp_footer フックの使い方|説明・引数・注意点

説明

wp_footer は、フッターの出力時に実行されるアクションです。フッターにスクリプトなどを出力するときに使います。

基本構文

do_action( 'wp_footer' )

引数

引数はありません。

戻り値

引数はありません。

使い方(サンプル)

add_action( 'wp_footer', function() {
	echo '<!-- footer -->';
} );

注意点

  • テーマに wp_footer() が書かれていないと、実行されません。

実務での使いどころ

  • 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_footer、wp_head()

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

コメント

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