Enqueue Child CSS zum Laden nach Bootstrap CDN

Ich bin brandneu in der Entwicklung von WordPress-Theme und habe beschlossen, ein Theme von Grund auf neu zu erstellen.

Auf localhost installiert, habe ich meiner functions.php-Datei Code hinzugefügt, um Bootstrap.min.css von einem CDN zu laden, und dann meinen eigenen CSS-Aufruf hinzugefügt, um nicht Bootstrap-Elemente zu formatieren.

Ein Problem, auf das ich stoße, ist, dass das Bootstrap-CSS Vorrang vor der benutzerdefinierten CSS-Datei zu haben scheint. Zum Beispiel gibt es oben auf der Seite einen 32-Pixel-Rand.

Meine functions.php ist wie folgt:

 

Ich habe mich umgesehen und es wurde vorgeschlagen, Abhängigkeiten hinzuzufügen, um das Problem mit der Ladereihenfolge zu beheben. Daher habe ich versucht, am Ende meines untergeordneten Themas folgendes hinzuzufügen:

 , array('Bootstrap'); 

Das hat auch nicht geholfen.

Wenn es für irgendjemanden von Nutzen ist, rufe ich diesen Code über in meiner Datei header.php (soweit ich weiß, ist das Standard).

Kann mir bitte jemand weiterhelfen?

Solutions Collecting From Web of "Enqueue Child CSS zum Laden nach Bootstrap CDN"

Das Hinzufügen der Abhängigkeit sollte funktionieren.

Sie rufen Ihre Designstile-Datei jedoch nicht korrekt auf. Sie müssen Ihre theme-style.css Datei in den Stammordner des Themas selbst verschieben und sie style.css .

Ihre function sollte also wie folgt aussehen:

 function my_enqueues() { wp_enqueue_style( 'bootstrap-css', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' ); wp_enqueue_style( 'theme-css', get_stylesheet_uri(), array( 'bootstrap-css' ) ); } add_action( 'wp_enqueue_scripts', 'my_enqueues' ); 

Dies entspricht auch dem Abschnitt “Theme Handbook” zum Thema ” CSS und JavaScript einbinden” .