プラグインの助けを借りずにWordpressでバナーを作成するには

Question

私はWordPressにはとても新しく、WordPressで独自のカスタムバナーを作成します。私は何度も検索しようとしましたが、私の問題を解決することができない、誰も私を助けてください..事前ここ

Answer 1

で おかげで解決策です： はheadタグ

を閉じる前に、あなたのheader.phpの中に以下のコードを呼び出します

<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 

テキスト型コンテンツであなたのワードプレスのページのコード以下のコールまたはしたい場合は、あまりにも

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