Style.css en el tema secundario se carga antes de Bootstrap

2

Cuando encolaré Bootstrap con wp_enqueue_style() , Bootstrap se carga después de style.css del tema secundario y anulará style.css . Una forma de cargar style.css después de Bootstrap es poner en cola style.css también, pero esto hará que se cargue dos veces. ¿Alguna idea de cómo poner en cola style.css una vez Y después de Bootstrap? Gracias!

    
pregunta newjonnydepony 09.11.2016 - 17:12

2 respuestas

5

En su mayoría, el tema principal podría estar en% style.css del tema secundario, si es así, puede sacarlo de la cola usando el manejador y luego poner en cola con la dependencia adecuada.

Si el identificador del tema secundario es child-theme-style , quítelo de la cola usando

wp_dequeue_style('child-theme-style')

luego ponlo en la cola según sea necesario.

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

Podemos conocer fácilmente la url de la hoja de estilo del tema secundario mirando la salida del enlace en la cabeza, por ejemplo, en la imagen adjunta.

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

Nos dice que el identificador de puesta en cola del tema secundario es hybrid-style , que es el id sin -css .

    
respondido por el bravokeyl 09.11.2016 - 17:53
3

Buenas noticias. Esta es una solución fácil WordPress le permite declarar dependencias al registrar scripts y hojas de estilo. Simplemente enumere los activos que desea cargar antes como dependencias para los activos posteriores.

enlace

Esto funciona tanto para los scripts como para los estilos y es la forma recomendada de controlar el orden de carga.

    
respondido por el jdm2112 09.11.2016 - 17:19

Lea otras preguntas en las etiquetas