WordPressの固定ページでテンプレート固有のjsやcssを get_header の前に置けば良いことがわかったのでやってみた

WordPressの固定ページに必要なテンプレート固有のjsやcssを wp_head の前に置けば良いことがわかったのでやってみた。
こうすると、いちいちfunction.php にif文を使って書くよりもスマートだ。
もちろん、add_action add_filter どちらでも置ける。

<?php
/**
 * Template Name: Top Page
 */
add_action('wp_footer', function () {
    echo PHP_EOL;
    ?>
<!-- モーダル -->
<script script src="https://unpkg.com/micromodal/dist/micromodal.min.js"></script>
<script>
    MicroModal.init({
        disableScroll: true,
        disableFocus: true
    });
</script>
    <?php
}, 20);
get_header();
?>

フッターにマイクロモーダルが設置出来る。後ろについている20と言う数値はプライオリティで数値が大きいほど後ろに位置するので、他の記述と合わせてバランスを取る。