如何在WordPress中只将一个页面添加自定义css / js？

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。