如何在特定的页面，添加 js 或 css 代码。本文主要采取修改主题 function.php 文件的方式，而非网上广泛抄袭的添加 head 自定义代码方式。
部分脚本代码或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' );
在特定页面加载 css 和 js 实例:
/**
* 指定页面加载脚本样式
* 实例：别名为[contact]的联系页面加载百度地图
*/
function page_contact_scripts() {
if ( is_page('contact') ) {
wp_enqueue_script( 'baidu-map-js', get_template_directory_uri() . '/assets/js/map.js');
wp_enqueue_script( 'baidu-map-http','//http://api.map.baidu.com/api?v=2.0&ak=9GdEKDqPrIHxtq9tkirHGEaZ2ruGzp16');
}}
add_action( 'wp_enqueue_scripts', 'page_contact_scripts' );
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()
