javascript - 在页面模板上加载脚本

Question

我有一个 wordpress 支持的网站，我的标题包含在文件中header.php。在另一个页面上，我想运行一个脚本，该脚本仅在该页面上需要。

该脚本应加载在此页面的标题中，但仅限此页面。在 中包含脚本header.php会在其他每个页面上加载脚本。

我如何最好地将脚本包含在page-pageslug.php模板中？

Answer 1

在你header.php上面wp_head();，使用

if ( is_page( 'page-slug' ) ) {
    wp_register_script( 'your-script', get_bloginfo('template_url') . '/js/your-script.js' );
    wp_enqueue_script( 'your-script' );
}

page-slug然后是您希望定位的页面的 slug。

wp_enqueue_script()：

描述
向 WordPress 生成的页面添加 JavaScript 的安全且推荐的方法是使用 wp_enqueue_script()。如果尚未包含该脚本，则此函数将包含该脚本，并安全地处理依赖关系。

Answer 2

您将在 header.php 文件中包含以下代码

<?php 
if ( is_page_template('page-pageslug.php') ) {
   // add your script in here
}
?>

这是来自 Codex 的参考 - is_page_template