Style.css no tema filho é carregado antes do Bootstrap

2

Quando eu enfileirar o Bootstrap com wp_enqueue_style() , o Bootstrap é carregado após o tema filho style.css e irá substituir style.css . Uma maneira de carregar style.css após o Bootstrap é enfileirar style.css , mas isso fará com que seja carregado duas vezes. Alguma idéia de como enfileirar style.css uma vez E depois do Bootstrap? Obrigado!

    
por newjonnydepony 09.11.2016 / 17:12

2 respostas

5

Principalmente, o tema pai pode estar embutindo o tema filho style.css ; nesse caso, você pode remover oqueque usando o identificador e, em seguida, enfileirar-se com a dependência adequada.

Se o identificador do tema filho for child-theme-style , desquipe-o usando

wp_dequeue_style('child-theme-style')

enfileire-o conforme necessário, assim.

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

Podemos conhecer facilmente o URL da folha de estilo do tema filho, observando a saída do link na cabeça, por exemplo, na imagem anexada.

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

Informa que o identificador de enfileiramento do tema filho é hybrid-style , que é o id sem -css .

    
por bravokeyl 09.11.2016 / 17:53
3

Boas notícias. Essa é uma correção fácil. O WordPress permite que você declare dependências ao registrar scripts e folhas de estilo. Basta listar os recursos que você deseja carregar anteriormente como dependências para os recursos posteriores.

enlace

Isso funciona para scripts e estilos e é a maneira recomendada de controlar a ordem de carregamento.

    
por jdm2112 09.11.2016 / 17:19