WordPress Load css or script in Footer

主題或外掛載入 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' );

?>

 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料