如何在特定URL的所有css文件上方添加自定义css

时间:2017-04-09 作者:user1799722

我想添加css文件引导。min.css位于所有css文件的顶部。我使用了以下代码

wp_enqueue_style( \'bootstrap_css\', \'bootstrap.min.css\' );
但它在主题css文件下面添加了css。

问题是,我不想修改主题文件,只想从插件进行修改。我有办法在之后添加css 使用一些标记wp_headafter_title

请帮我做同样的事

2 个回复
SO网友:Johansson

您可以将主题的样式排出来,然后将这两种样式都排在插件中。看看这个:

function wp_dequeue_script() {
   wp_dequeue_style( \'theme-scss\' );
   wp_enqueue_style( \'bootstrap_css\', \'bootstrap.min.css\' );
   wp_enqueue_style( \'theme-css\', \'YOUR THEME CSS URL\' );
}
add_action( \'wp_print_scripts\', \'wp_dequeue_script\', 100 );
您可能希望根据主题使用的钩子更改钩子,或者提高其优先级。

SO网友:Joe Dooley

/**
 * Enqueue stylesheet before others
 */    
class EnqueueStylesheetEarly {

    function __construct() {
        add_action( \'wp_enqueue_scripts\', [ $this, \'load_before_other_stylesheets\' ], 5 );
    }

    /**
     * Register and enqueue stylesheet
     */
    function load_before_other_stylesheets() {
        wp_register_style(
            \'bootstrap-css\',
            plugin_dir_url( __FILE__ ) . \'bootstrap.min.css\',
            [],
            \'3.3.7\'
        );

        wp_enqueue_style( \'bootstrap-css\' );
    }

}
然后,您可以将其与“plugin”中的其他前端类一起加载。php“像这样…”。。。

if ( ! is_admin() ) {
    require \'class-enqueue-stylesheet-early.php\';
}
按5个优先顺序,这应该可以解决您的问题。在此之前通常加载的唯一内容是WordPress SEO JSON-LD脚本和元数据。

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s