在Bootstrap之前加载子主题中的Style.css

时间:2016-11-09 作者:newjonnydepony

当我将引导程序与wp_enqueue_style(), 引导加载在子主题的style.css 并将覆盖style.css.单向加载style.css 引导后要排队style.css 同样,但这将导致它加载两次。知道怎么排队吗style.css 一次引导和引导之后?谢谢

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

大多数情况下,父主题可能是子主题的style.css, 如果是这样,您可以使用handle将其出列,然后使用适当的依赖关系将其入列。

如果子主题的句柄为child-theme-style, 然后使用

wp_dequeue_style(\'child-theme-style\')

然后根据需要将其排队,就像这样。

wp_enqueue_style(\'child-theme-dep\',get_stylesheet_uri(),array(\'bootstrap-handle-here\'))

enter image description here

我们可以通过查看头部中的链接输出,例如在所附的图像中,轻松了解子主题样式表url。

<link rel=\'stylesheet\' id=\'hybrid-style-css\'  href=\'https://wptavern.com/wp-content/themes/stargazer-child-dev/style.css?ver=4.6.1\' type=\'text/css\' media=\'all\' />
告诉我们子主题的排队句柄是hybrid-style 哪个是id-css.

SO网友:jdm2112

好消息。这是一个很容易解决的问题。WordPress允许您在注册脚本和样式表时声明依赖项。只需列出您希望在前面加载的资产,作为后面资产的依赖项。

https://codex.wordpress.org/Function_Reference/wp_register_style

这适用于脚本和样式,是控制加载顺序的推荐方法。