• Resolvido Naldo Lima

    (@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’ );

Visualizando 8 respostas - 1 até 8 (de um total de 8)
  • 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

    Criador do tópico Naldo Lima

    (@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.

    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

    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

    Boa Tarde! Conseguiu?

    Criador do tópico Naldo Lima

    (@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’ );

    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

    Criador do tópico Naldo Lima

    (@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

Visualizando 8 respostas - 1 até 8 (de um total de 8)
  • O tópico ‘Inserir Bootstrap no tema’ está fechado para novas respostas.