主題或外掛載入 CSS 或 JS 檔案
一般情況下,會在 Head 中載入 CSS & JS 檔,可參考此篇:
WordPress 插件或主題載入 CSS & JS 檔案
於 Footer 中載入 CSS 或 JS 檔案
放在 footer 中主要有兩種情況,不那麼重要的檔案,放在 Footer 中最後載入,可以增加頁面開啟的速度,另外一種就是主題或插件把 style 直接 output 在頁面中,我們在 Head 中載入的 CSS 無法覆蓋這些樣式,所以放到 Footer 以覆蓋這些樣式。
範例:
<?php
/**
* v123.tw
* Footer load css or script
*/
function prefix_add_footer_styles() {
wp_enqueue_style( 'v123-forum-style', get_stylesheet_directory_uri() .'/assets/forum/css/style.css' );
wp_enqueue_script( 'prefixfree_js_script', get_stylesheet_directory_uri() .'/assets/prefixfree/js.js' );
};
add_action( 'get_footer', 'prefix_add_footer_styles' );
?>