Inserir Bootstrap no tema

[Naldo Lima]

Quando tento inserir o Bootstrap no meu tema ele acaba mexendo também na formatação do CSS e do JS no meu Admin, quero que apareça somente no front end. eu criei a seguinte função no meu functions.php do meu tema para inserir o bootstrap:

function salao_tema_init(){
wp_enqueue_style( ‘bootstrap’ , get_stylesheet_directory_uri() . ‘/css/bootstrap.min.css’, ‘css’ , ‘3.3.5’ );
wp_enqueue_style( ‘carousel’ , get_stylesheet_directory_uri() . ‘/css/carousel.css’ , ‘css’ , ‘3.3.5’ );
wp_enqueue_script( ‘bootstrap’ , get_stylesheet_directory_uri() . ‘/js/bootstrap.min.js’ , ‘jquery’ , ‘3.3.5’ , true );
wp_enqueue_script( ‘vendor’ , get_stylesheet_directory_uri() . ‘/js/vendor/holder.min.js’ , ‘jquery’ , ‘3.3.5’ , true );
}
add_action( ‘init’ , ‘salao_tema_init’ );

[zumpsites]

Bom Dia

Se você deseja apenas no tema e não no admin, por que não incluímos ele no header do tema e não via código?

Atensiosamente
Zumpsites.com

[Naldo Lima]

Colocando essa função wp_enqueue_sytle() no código do header.php?
Os scripts js preciso que fique no rodapé ou nao funcionará corretamente.

[zumpsites]

Bom Dia

Para o CSS carregar no header tente por favor colocar dentro do functions.php

http://pastebin.com/aGzfEtNH

vou colar no pastebin para você copiar o código perfeito

sobre o javascript eu colocaria no rodapé

footer.php

“literalmente”

<script type=”text/javascript” src=”http://mudepeloseudominio/caminhoatéoarquivo/bootstrap.min.js”></script&gt;
<script type=”text/javascript” src=”http://mudepeloseudominio/caminhoatéoarquivo/holder.min.js”></script&gt;

mude mudepeloseudominio/caminhoatéoarquivo = seu dominio e pastas onde estiver o arquivo

Atenciosamente
Zumpsites.com

[zumpsites]

Boa Tarde

Naldo

Em alguns temas que preciso colocar aqui o javascript no rodapé

utilizo assim quando ele está dentro da pasta do template

<script src=”<?php bloginfo(‘template_directory’); ?>/js/bootstrap.min.js”></script>

isso no footer.php

Pode também lhe ajudar desta forma

Atenciosamente
http://zumpsites.com

[zumpsites]

Boa Tarde! Conseguiu?

[Naldo Lima]

Consegui! Utilizei uma condição para filtrar se ele está no painel admin… se estiver ele não mostra o bootstrap.

function salao_tema_init(){
if( !is_admin ) {
wp_enqueue_style( ‘bootstrap’ , get_stylesheet_directory_uri() . ‘/css/bootstrap.min.css’, ‘css’ , ‘3.3.5’ );
wp_enqueue_style( ‘carousel’ , get_stylesheet_directory_uri() . ‘/css/carousel.css’ , ‘css’ , ‘3.3.5’ );
wp_enqueue_script( ‘bootstrap’ , get_stylesheet_directory_uri() . ‘/js/bootstrap.min.js’ , ‘jquery’ , ‘3.3.5’ , true );
wp_enqueue_script( ‘vendor’ , get_stylesheet_directory_uri() . ‘/js/vendor/holder.min.js’ , ‘jquery’ , ‘3.3.5’ , true );
}//end if
}//end function
add_action( ‘init’ , ‘salao_tema_init’ );

[zumpsites]

Bom Dia

Você chegou a ver este que lhe enviei?

http://pastebin.com/aGzfEtNH

E os scripts foram para o rodapé?

Atenciosamente
http://zumpsites.com

[Naldo Lima]

Vi sim me baseei nele para colocar a condição if…
No caso do seu ele puxa somente para o header porque vc usa o “get_header()” no add action na última linha…. eu usei a função “init” mesmo e nos scripts após colocar a versão deles dentro da Array eu coloquei o “True” que faz com que eles sejam exibiados no rodapé do site.

Dá uma olhada: http://pastebin.com/DV1LBiMr