我需要‘wp_deQueue_脚本’和‘样式’，并添加一堆其他的css和js

时间：2017-08-28 作者：Henry

以下是我试图实现的目标：我必须制作一个模板，除了引导式css框架之外，它不需要任何主题（主主题）的css和js。

我的问题是：我想知道这个规则是否在我的函数中设置。php有效：

if ( is_page_template( \'specific-template.php\' ) ) {
    //  Remove CSS 1
    wp_dequeue_style( \'generic styles 1\' );
    //  Remove CSS 2 
    wp_dequeue_style( \'generic styles 2\' );
    //  Remove CSS 3
    wp_dequeue_style( \'generic styles 3\' );

    //  Remove JS 1
    wp_dequeue_script( \'js 1\' );
    //  Remove JS 2
    wp_dequeue_script( \'js 2\' );

    // CSS Add Style 1
    wp_enqueue_style( \'css style 1\', get_template_directory_uri() . \'/css/new-1.css\', array(), \'1.0\');
    // CSS Add Style 2
    wp_enqueue_style( \'css style 2\', get_template_directory_uri() . \'/css/new-2.css\', array(), \'1.0\');
    // CSS Add Style 3
    wp_enqueue_style( \'css style 3\', get_template_directory_uri() . \'/css/new-3.css\', array(), \'1.0\');
    // CSS Add Style 4
    wp_enqueue_style( \'css style 4\', get_template_directory_uri() . \'/css/new-4.css\', array(), \'1.0\');
    // CSS Add Style 5
    wp_enqueue_style( \'css style 5\', get_template_directory_uri() . \'/css/new-5.css\', array(), \'1.0\');

    // JS Add Style 1
    wp_enqueue_script( \'js style 1\', get_template_directory_uri() . \'/css/new-1.js\', array(), \'1.0\');
    // JS Add Style 2
    wp_enqueue_script( \'js style 2\', get_template_directory_uri() . \'/css/new-2.js\', array(), \'1.0\');

}
在创建依赖于其他CSS/JS文件选择的模板时，我的想法是否偏离了标准WP实践？

谢谢你的指点

1 个回复
最合适的回答,由SO网友:Johansson 整理而成

使用wp_enqueue_scripts

您应该使用一个合适的钩子来排队/出列您的脚本，以确保它完美地工作。正确的插件/主题使用wp_enqueue_scripts 要做到这一点，你也应该这样做。将代码封装在函数中，并将其绑定到此操作挂钩。此外，请记住将优先级设置为确保它将覆盖其他内容的内容。

// Setting the priority to 999 to make sure it runs
// after every other script is enqueued
add_action(\'wp_enqueue_scripts\', \'enqueue_my_scripts\', 999);
enqueue_my_scripts () {
    if ( is_page_template( \'specific-template.php\' ) ) {
        // Your code here
    }
}

结束
标签： functions   wp-enqueue-script   wp-enqueue-style   小码农  

相关推荐

在Functions.php中正确地将首页的CSS-TEMPLATE_REDIRECT排队？

我想加载一些特定的css来更改WP首页/主页的主体元素的颜色。在我的主题函数文件中，以下代码似乎有效，但有人能告诉我它是否“正确”吗？//Adding and Encuing styles for Front Page add_action( \'template_redirect\', \'front_page_design\' ); function front_page_design(){ if ( is_front_page() || is_home())