javascript - 如何将自定义 css/js 添加到 WordPress 中的一个页面？

Question

我用自定义的 css 和 js 文件制作了一个单独的 html 文件。我想把它整合到一个 wordpress 网站中。我可以复制并粘贴 html 的正文部分，但是我不知道如何正确添加 css 和 js 文件。如果我修改 header.php，它会将这些文件添加到所有页面，而我不希望这样。解决方案是什么？

Answer 1

当您从 WordPress 后端添加页面时，使用菜单中的 Pages->Add new，您必须提供标题并使用该标题 (也可以使用 slug 和 id)你可以检查 is_page('page title here') 然后可以添加 JavaScript 和 css 文件，比如

add_action( 'wp_enqueue_scripts', 'addcssAndScripts');
function addcssAndScripts()
{
    if ( is_page('page-title') )
    {
        wp_enqueue_script( 'your_script' );
        wp_enqueue_style( 'your-style' );
    }
}

将此代码粘贴到您的 functions.php 并检查 wp_enqueue_style和 wp_enqueue_script为了更好地理解这些功能和用法，另请is_page和 wp_enqueue_scripts如果需要的话。