Php 如何在没有插件帮助的情况下在wordpress中创建横幅

我是WordPress的新手，我想在WordPress中创建自己的自定义横幅，而不需要插件帮助。我尝试了很多次搜索，但都无法解决我的问题，请任何人帮助我。。 提前感谢

以下是解决方案： 在关闭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 

$（函数（）{
$（“.default.carousel”）.jCarouselLite({
btnNext:“.default.next”，
btnPrev:“.default.prev”
});
});
您可以使用HTML和jquery代码。堆栈溢出不会为您编写代码。请在提问之前提出具体的问题并表明您已经付出了努力。谢谢您的回复，但我不是在寻找jquery。。我想在wordpress的php代码帮助下显示手动创建的横幅。请先清除您的问题。？这是用PHP代码手动创建的横幅，您只需将PHP、CSS和js代码调用到仪表板中的PHP文件和HTML代码中即可。
<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>