如何在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.