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
GuidaHo 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.
Stai visualizzando 1 risposte (di 1 totali)
Stai visualizzando 1 risposte (di 1 totali)
- Il topic ‘Bootstaps e header.php collegameto al Framework’ è chiuso a nuove risposte.