WordPress通过functions.php将JavaScript添加到一个页面

Question

在我的WordPress网站的一页上，我使用了一个图片库。为此我需要一个js文件。现在js-文件正在加载每个类型，但它只需要一个带有页id 2的特定页面。现在的问题是，is_page(2)不能在functions.php中工作，因为那时没有设置页面id。是否仍然可以通过functions.php完成此操作，还是只需将脚本添加到footer.php中即可？

function footer_scripts()
{
    // If query if current Page is not wp-login-php or admin page
    if ($GLOBALS['pagenow'] != 'wp-login.php' && !is_admin()) {

            wp_register_script('photo-gallery', get_template_directory_uri() . '/js/back-layer-photo-gallery.js', array('jquery'), '1.3', true);
            wp_enqueue_script('photo-gallery');
 
    }
}  

add_action('init', 'footer_scripts');

Answer 1

您可以在function.php中添加此代码，并将其填充为页面和脚本的段塞名称。

   // Load  conditional scripts
  function your_conditional_scripts()
  {
  if (is_page('pagenamehere')) {
    wp_register_script('scriptname', get_template_directory_uri() . 
  '/js/scriptname.js', array('jquery'), '1.0.0'); // Conditional 
script(s)
    wp_enqueue_script('scriptname'); // Enqueue it!
}
}

add_action('wp_print_scripts', 'your_conditional_scripts'); // Add 
Conditional Page Scripts

Answer 2

您可以使用页面段格代替页ID，使用'wp_enqueue_scripts‘代替'init’。如果您使用子主题，使用'get_stylesheet_directory_uri()‘代替'get_template_directory_uri()’，否则您可以保留它。

add_action('wp_enqueue_scripts', 'enqueue_script');
function enqueue_script() {
    if (is_page('page_slug_here')) { // Add slug in condition
        wp_enqueue_script('photo-gallery', get_template_directory_uri().'/js/back-layer-photo-gallery.js', array( 'jquery' ), '1.0', true);
    }
}