説明
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> の直前 |

コメント