Cara membuat banner di wordpress tanpa bantuan plugin

Ini solusinya :Panggil kode di bawah ini di header.php Anda sebelum menutup tag kepala

<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 

Panggil kode di bawah ini di halaman wordpress Anda dengan konten jenis teks atau jika mau, Anda juga dapat memanggilnya di file php wordpress Anda juga

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