用插件样式覆盖主题样式

Question

我正在编写一个自定义的WordPress插件，我正在使用带有Elementor的OceanWP主题，并且正在尝试登记/注册Bootstrap 4.5样式/脚本以及我自己的自定义样式/脚本。

然而，OceanWP的样式仍然优先使用，而不是我的样式/脚本。

目前，我正试图通过提高add_action钩子中的优先级来超越主题资产，但没有任何运气。

我正在尝试显示一个自定义的多部分表单，并使用一个短码将其显示在一个页面上。

public function __construct()
        {
            //set dirpath
            $this->_dirpath = dirname(__FILE__);

            add_action('wp_enqueue_scripts', array($this, 'cmmc_styles'), 9999);
            add_action('wp_footer', array($this, 'cmmc_scripts'));

            add_shortcode("sme-cmmc-form", array($this, "displayCmmcForm"));
        }

        public function cmmc_scripts()
        {

            ///wp_enqueue_style('bootstrap_css', 'https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css', false, NULL, 'all');
            wp_enqueue_script('popper_js', 'https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js', array('jquery'), NULL, true);
            wp_enqueue_script('bootstrap_js', 'https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js', array('jquery'), NULL, true);

            wp_enqueue_script('cmmc_js', plugin_dir_url( __FILE__ ) . 'assets/js/app.js', array('jquery'), '1.0' );
            //wp_enqueue_style('custom_styles', plugins_url('/assets/css/styles.css', __FILE__));
            
        }

        public function cmmc_styles() {

                wp_register_style('bootstrap_css', 'https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css', false, NULL, 'all' );
                wp_enqueue_style('bootstrap_css');
                wp_enqueue_style('custom_styles', plugins_url('/assets/css/styles.css', __FILE__));

        }

有人可以请告诉我，我如何可能超过的主题风格，即使它只是为这个插件，或出列的风格为这一个单一的页面暂时？

Answer 1

很难说如何在没有看过主题源代码的情况下出列脚本。无论如何，通常你只需要等到主题已经完成它的工作，挂钩到wp和他们删除样式搜索他们的句柄名称。像这样的东西:

add_action('after_setup_theme','alter_styles');
function alter_styles(){
    wp_dequeue_style();
    wp_dequeue_script();
}

相反，说到您的代码，第一个问题是:您确定您是在正确的时间，正确的地点加载了代码，还是它真的被执行了？您可以执行如下操作:

add_action('template_redirect','my_template_redirect');
function my_template_redirect(){
    if (is_page('your_page')){
        // Load class / do stuff with scripts/styles
    }
}

为了确保并执行该特定页面的代码