wake-up-neo.net

Style.css im untergeordneten Design wird vor Bootstrap geladen

Wenn ich Bootstrap mit wp_enqueue_style() in die Warteschlange stelle, wird Bootstrap nach dem style.css des untergeordneten Themas geladen und überschreibt den style.css. Eine Möglichkeit, style.css nach Bootstrap zu laden, besteht darin, style.css ebenfalls in die Warteschlange zu stellen. Dies führt jedoch dazu, dass der Code zweimal geladen wird. Irgendeine Idee, wie man style.css einmal UND nach dem Bootstrap in eine Warteschlange stellt? Vielen Dank!

2
newjonnydepony

In den meisten Fällen wird der style.css des untergeordneten Themas vom übergeordneten Thema in eine Warteschlange eingereiht. In diesem Fall können Sie den Code mit dem Handle aus der Warteschlange entfernen und dann mit der richtigen Abhängigkeit in die Warteschlange einreihen.

Wenn das Handle des untergeordneten Themas child-theme-style lautet, entfernen Sie es mit

wp_dequeue_style('child-theme-style')

dann reihen Sie es nach Bedarf so ein.

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

 enter image description here 

Wir können die URL des untergeordneten Stylesheets leicht erkennen, indem wir uns die Linkausgabe im Kopf ansehen, zum Beispiel im angehängten Bild.

<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' />

Sagt uns, dass das Enqueue-Handle des untergeordneten Themas hybrid-style ist. Dies ist dieidohne -css.

5
bravokeyl

Gute Nachrichten. Dies ist eine einfache Lösung. Mit WordPress können Sie Abhängigkeiten bei der Registrierung von Skripten und Stylesheets deklarieren. Listen Sie einfach die Assets auf, die Sie früher laden möchten, als Abhängigkeiten für die späteren Assets.

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

Dies funktioniert sowohl für Skripte als auch für Stile und ist die empfohlene Methode zur Steuerung der Ladereihenfolge.

3
jdm2112