目前,我的CSS层次结构如下所示:
主题>插件(主要是页面生成器)>子主题。
如何在层次结构中最后加载所有插件CSS?
目前,我的CSS层次结构如下所示:
主题>插件(主要是页面生成器)>子主题。
如何在层次结构中最后加载所有插件CSS?
您有3个选项:
Option 1:
使用依赖项,首先获取样式handler
, 如果您有权访问该文件,可以从wp_enqueue_style
函数,如果不是,请检查HTML代码并找到id
处理程序的id
没有-css
$deps
这是CSS文件的依赖项数组,这里是一个子主题将父CSS文件作为依赖项加载的示例,因此它首先加载:function my_theme_enqueue_styles() {
wp_enqueue_style( \'child-style\',
get_stylesheet_directory_uri() . \'/style.css\',
array( \'parent-style\' ), //HERE THE HANDLE OF THE CSS FILE I WANT TO LOAD FIRST
wp_get_theme()->get(\'Version\')
);
}
Option 2:$priority
中的参数add_action 函数,默认值为10。如果您看到主题CSS没有设置它,您可以将其设置为20,或者如果您有权访问主题文件,则将其设置为ssay 20,并将插件设置为30,如果不只是将其设置为更高的数字,如9999
没有限制,也没有性能惩罚:add_action( \'admin_enqueue_scripts\', \'load_custom_wp_admin_style\', 9999 );
Option 3:hook
, 您可以添加enqueue function
到wp_footer
操作,确保主题CSS文件正在加载到wp_head
add_action( \'wp_footer\', \'load_my_css_file\' );
因此,主题CSS文件将加载到<head>
插件CSS文件将稍后加载到页脚中。这取决于何时执行wp\\u enqueue\\u scripts操作。您需要包括priority参数,并将其设置为一些高数字:
add_action(\'wp_enqueue_scripts\', \'my_enqueue_scripts\', 10000);
function my_enqueue_scripts() {
// enqueue files //
}
这意味着使用此函数排队的文件将很晚添加,如果没有其他插件/主题以更高的数字注册排队,则在此处注册的样式将在头的末尾加载到所有其他CSS文件之后。求你了,我想有人帮我。由于由于SEO原因,h1标记预计会在文件中出现一次,因此我想通过将一些文本放在css文件或函数中,使其具有与h1相同的属性。并在文件中的任何位置将其称为类。如果有这个默认类,请帮助我,如果没有,可以有人为我编写php脚本。提前感谢您的帮助。