一些代碼需要添加到一個指定的頁面，而不是全局。這時，可以使用一個wp_footer鉤子，再結合is_page進行頁面判斷，將指定代碼寫到頁面底部
很多時候，我們需要在一些特定的頁面添加js/css，這一次試試用wp_footer鉤子的方法吧。
部分腳本代碼或css樣式
有時候，一些代碼需要添加到一個指定的頁面，而不是全局。這時，可以使用一個wp_footer鉤子，再結合is_page進行頁面判斷，將指定代碼寫到頁面底部。
function custom_script() {
if (is_page('page-slug')) {
?>
<script type="text/javascript">
$(document).ready(function(){
....
});
</script>
<?php
}
}
add_action( 'wp_footer', 'custom_script' );JS腳本文件或css樣式文件
如果要在一個指定頁面中，引用一個指定的腳本文件，可以這么寫：
function custom_js() {
// child theme: use get_stylesheet_directory_uri() instead of get_template_directory_uri()
wp_register_script('scrollTo', get_stylesheet_directory_uri() . '/jquery.scrollTo.min.js', array('bootstrap'), '01', true);
if (is_page('publications')) {
wp_enqueue_script('scrollTo');
}
}
add_action( 'wp_enqueue_scripts', 'custom_js' );如果是樣式文件，則使用wp_enqueue_style函數。
其它
- 頁面用is_page()
- 文章用is_single()
- oocommerce的產品頁，則用is_product()
相關：
通過enqueue或其它方式在wordpress中添加一些js代碼后，控制臺報錯”TypeError: $ is not a function” 。這是一個很常見的問題。
解決方法，需要將$替換為Jquery，即：
jQuery(document).ready(function($){
$("#buttonName").onclick ....
})jQuery('#btn').click(function() {
console.log('ok');
});- 相關討論：詳情
