Supporto » Aspetto = Temi » Bootstaps e header.php collegameto al Framework

  • Salve a tutti.
    Ho creato un carousel in bootstrap che vorrei aggiungere nell’header.php del mio child theme di wordpress.
    ecco qui il codice:

    <!-- Main Bar -->
    				<?php if (is_front_page()) { ?>
    				<!-- Full Page Image Background Carousel Header -->
    				<?php echo esc_url( get_template_directory_uri() . '/js/jquery.js' ); ?>
        <header id="PPA-Carousel" class="carousel slide">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#PPA-Carousel" data-slide-to="0" class="active"></li>
                <li data-target="#PPA-Carousel" data-slide-to="1"></li>
            </ol>
    
            <!-- Wrapper for Slides -->
            <div class="carousel-inner">
                <div class="item active">
                    <!-- Set the first background image using inline CSS below. -->
                    <div class="fill" style="background-image:url('http://www.progettiperarduino.it/wp-content/uploads/2016/07/index.jpg');"></div>
                    <div class="carousel-caption">
                       <div class="bkjb">
                        <h1 >Progetti Per Arduino</h1>
                        <center><img src="http://www.progettiperarduino.it/wp-content/uploads/2016/07/rsz_ppa_logo-05.png" class="img-responsive" alt="Progetti Per Arduino"></center>
                        <h2>Crea, Pubblica e Condividi i tuoi progetti per Arduino</h2>
                         <a title="" href="http://www.progettiperarduino.it/about/" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-classic vc_btn3-color-grey">Progetti</a>
                        </div>
                       </div>
                </div>
                <div class="item">
                    <!-- Set the second background image using inline CSS below. -->
                    <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Two');"></div>
                    <div class="carousel-caption">
                        <h2>Caption 2</h2>
                    </div>
                </div>
            </div>
    
            <!-- Controls -->
            <a class="left carousel-control" href="#PPA-Carousel" data-slide="prev">
                <span class="icon-prev"></span>
            </a>
            <a class="right carousel-control" href="#PPA-Carousel" data-slide="next">
                <span class="icon-next"></span>
            </a>
    
        </header>
        <!-- Script to Activate the Carousel -->
        <script>
        $('.carousel').carousel({
            interval: 4000 //changes the speed
        })
        </script>

    Ho provato a seguire quest guida senza nessun risulto
    Guida

    Ho anche provato a caricare il framework nella cartella del theme utilizzando i link alle librerie:

    <link href="css/bootstrap.min.css" rel="stylesheet">
    e

    ` <!– jQuery –>
    <script src=”js/jquery.js”></script>

    <!– Bootstrap Core JavaScript –>
    <script src=”js/bootstrap.min.js”></script>

    <!– Script to Activate the Carousel –>`

    mettendo gli opportuni link..

    Dove sbagglio?
    A me serve solo per inserire questo carousel all’interno del theme.

    • Questo topic è stato modificato 7 anni, 8 mesi fa da peppinosh88.
Stai visualizzando 1 risposte (di 1 totali)
  • Moderatore Guido Scialfa

    (@wido)

    Ciao @peppinosh88,

    Ti direi innanzi tutto di dare una lettura al metodo corretto per poter effettuare l’aggiunta di scripts e stili su WordPress:

    Se ancora non dovesse funzionare, dai uno sguardo alla console (ispeziona elemento ) per vedere se vi sono errori e controlla che effettivamente tutti gli stili e gli scripts siano corretti.

    Molto probabilmente il problema deriva proprio dai percorsi “non assoluti” che hai usato per caricare scripts e stili.

Stai visualizzando 1 risposte (di 1 totali)
  • Il topic ‘Bootstaps e header.php collegameto al Framework’ è chiuso a nuove risposte.