Aquí está la solución:Llame al siguiente código en su header.php antes de cerrar la etiqueta principal
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$(".default .carousel").jCarouselLite({
btnNext: ".default .next",
btnPrev: ".default .prev"
});
});
</script>
<link rel="stylesheet" media="all" type="text/css" href="<?php bloginfo('template_url');?>/css/style-demo.css">
//download this css from https://github.com/ganeshmax/jcarousellite and put it in your theme css directory
<script src="<?php bloginfo('template_url');?>/js/jquery-1.11.1.js"></script>
//download this js file https://github.com/ganeshmax/jcarousellite here and put it in your theme js directory
<script src="<?php bloginfo('template_url');?>/js/jquery.jcarousellite.js"></script>
//download this js file https://github.com/ganeshmax/jcarousellite here and put it in your theme js directory
Llame al siguiente código en su página de wordpress con contenido de tipo de texto o, si lo desea, también puede llamarlo en sus archivos php de wordpress
<div id="jcl-demo">
<div class="custom-container default"><a class="prev" href="#">‹</a>
<div class="carousel">
<ul>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/1.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/2.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/1.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/2.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/1.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/2.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/1.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/2.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/1.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/2.jpg" /></li>
<li><img src="http://www.gmarwaha.com/jquery/jcarousellite/image/1.jpg" /></li>
</ul>
</div>
<a class="next" href="#">›</a>
<div class="clear"></div>
</div>
</div>
