Risultati della ricerca per 'Wordpress theme javascript'
-
-
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.
-
Ciao a tutti.
Sono un nuovo utente, e un quasi nuovo utilizzatore di WordPress.
Sto facendo delle prove su un template gratuito, per iniziare a “mordere” il prodotto.Ho seguito un tutorial che mi permetteva di inserire delle librerie nel mio template (bootstrap e font-awesome) ed è andato tutto liscio.
Adesso volevo aggiungere una libreria javascript per fare delle “progress bar circolari”, ma non riesco a farlo funzionare.
Posto il codice che ho usato per inserire le librerie nel template (function.php)…/*integrazione dei files di bootstrap e del blocco di font Awesome */ function theme_add_bootstrap() { wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js', array('jquery'), '1.11.3', true); // aggiungere la libreria JQuery wp_enqueue_style( 'bootstrap-css', get_template_directory_uri() . '/bootstrap/css/bootstrap.css' ); wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . '/bootstrap/js/bootstrap.js', array(), '3.3.6', true ); wp_enqueue_script( 'bootwidget', get_template_directory_uri() . '/bootstrap/js/boot-widget.js', array(), '3.3.6', true ); wp_enqueue_style ('bootstrapstyle', get_template_directory_uri() . '/bootstrap/css/bootstrapstyle.css'); wp_enqueue_style( 'font-awesome', get_template_directory_uri() . '/font-awesome/css/font-awesome.min.css' ); /* Script per le barre di avvnzamento circolare */ wp_enqueue_script( 'progressbar', get_template_directory_uri() . '/js/progressbar.js',array(),'1.0.0', true); } add_action( 'wp_enqueue_scripts', 'theme_add_bootstrap' );qui il css (contenuto in uno dei file già dichiarati quindi già funzionante)
/* contenitore delle barre circolari di avanzamento */ #circularbar { margin: 20px; width: 200px; height: 200px; position: relative; }Qui la chiamata al tutto sulla pagina php
<div id=”circularbar”>qui la barra circolare animata</div>
seguendo un altro tutorial, ho letto che la chiamata al codice javascript può essere fatto comodamente nella pagina (o nel footer) attraverso il comando <script></script> di hatml…
e io l’ho messo nel footer…inserendolo esattamente prima della chiusura del footer.
potete dirmi se è corretto e se non lo è come aggiustarlo?
Non funziona , dato che non fa vedere la barra circolare.grazie
-
