如何在Wordpress中创建横幅而无需插件的帮助 [英] How to create a banner in wordpress without help of plugin

问题描述

我对WordPress非常陌生，我想在没有插件帮助的情况下在WordPress中创建自己的自定义横幅.我尝试搜索了很多次，但无法解决我的问题，请任何人帮助我. 预先感谢

I am very new to WordPress, and i want to create my own custom banner in WordPress without plugin help. I tried to search many times but can't able to resolve my problem, please anyone help me.. Thanks in advance

推荐答案

以下是解决方案: 在关闭head标签之前，在header.php中调用以下代码

Here is the solution : Call the below code in your header.php before closing head tag

<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 

在wordpress页面中用文本类型的内容调用以下代码，或者如果您愿意，也可以在wordpress php文件中调用它

Call below code in your wordpress page with text type content or if you want you can also call it in your wordpress php files too

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

这篇关于如何在Wordpress中创建横幅而无需插件的帮助的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！