javascript - 如何删除所有样式和 JavaScript 并在 wordpress 中包含新样式

Question

我正在处理遗留的 wp 主题，并且有一些可爱干净的新 CSS 和 js 我想应用于设置模板。

我已经成功地使用下面的脚本删除了旧的 CSS 和 js 应用到我的新模板。

但是，如何在删除旧功能的同时向这些功能添加新的脚本和样式？

例如，删除所有旧的 CSS 和 js 现在添加这些 js 和 CSS

    /**
 * Remove all java scripts.
 */
function se_remove_all_scripts() {
    global $wp_scripts;
    if ( is_page_template( 'new-template/page-main.php' ) ) {
        $wp_scripts->queue = array();
    }
}

/**
 * Remove all style sheets.
 */
function se_remove_all_styles() {
    global $wp_styles;
    if ( is_page_template( 'new-template/page-main.php' ) ) {
        $wp_styles->queue = array();
    }
}

add_action( 'wp_print_styles', 'se_remove_all_styles', 99 );

add_action( 'wp_print_scripts', 'se_remove_all_scripts', 99 );

Answer 1

您可以省略 enqueue 函数中的遗留样式和脚本，并在 functions.php 文件中为条件排队创建一个新样式和脚本。看这个:

function my_conditional_enqueue() {
    if ( is_page_template( 'new-template/page-main.php' ) {
        /** Call your new style and script files */
    } else {
        /** Call legacy files */
    }
}
add_action( 'wp_enqueue_scripts', 'my_conditional_enqueue' );