Wordpress主题的HTML滑块

有人能告诉我如何在WordPress主题中实现和HTML滑块吗？以下是HTML标记：

<div class="slider">
<div class="camera_wrap">
<div data-src="img/slide-1.jpg">
<div class="camera_caption fadeIn">
<strong>FIRST-RATE TATTOO<br> STUDIO SERVING</strong>
<span>THE MIAMI AREA AND BEYOND.</span>
</div>
</div>
<div data-src="img/slide-2.jpg">
<div class="camera_caption fadeIn">
<strong>the best</strong>
<span>services &amp; prices</span>
</div>
</div>
<div data-src="img/slide-3.jpg">
<div class="camera_caption fadeIn">
<strong>modern</strong>
<span>art technologies</span>
</div>
</div>
</div>
</div>

一流的纹身
工作室服务
迈阿密地区和其他地区。
最好的
服务及；价格
现代
艺术技术

及

• 
  2013年4月24日 它们聚集在一个或多个地方，在一个或多个地方，在一个或多个地方，或在一个或多个社区的一个或多个地方。
• 
  2013年4月24日 它们聚集在一个或多个地方，在一个或多个地方，在一个或多个地方，或在一个或多个社区的一个或多个地方。
• 
  2013年4月24日 它们聚集在一个或多个地方，在一个或多个地方，在一个或多个地方，或在一个或多个社区的一个或多个地方。
• 
  2013年4月24日 它们聚集在一个或多个地方，在一个或多个地方，在一个或多个地方，或在一个或多个社区的一个或多个地方。

我需要将这些滑块实现为WordPress主题。请帮忙

问候

---

Debashis有几种方法可以做到这一点，但我只介绍两种：

你可以将你的html、css等添加到任何你想显示的地方。例如，您可以创建一个仅用于主页的页面模板，然后将此页面设置为Wordpress后端的首页 或者，您可以创建一个页面模板，只显示该滑块。在此处了解有关页面模板的更多信息

与任何滑块一样，您需要将js或css文件包含到站点中。因此，在header.php或footer.php文件中为主题添加css和js文件

您可以安装此插件并使用上述内容创建自定义字段。然后将php代码段添加到页面模板中

但是像上面一样，您仍然需要在主题的header.php或footer.php文件中链接js和css文件

但是你为什么不跳过所有这些艰苦的工作，只使用一个像这样的滑块插件呢

它可能没有相同的功能，但它要简单得多

div class="list_carousel responsive clearfix">
<ul id="foo">
<li>
<div>
<figure class="img-polaroid"><img alt="" src="img/page1-img5.jpg"></figure>
<div class="caption">
<a class="lead" href="#">Quisque et diam ipsu.</a><br>
<time class="time" datetime="2013-04-24">April 24th, 2013</time>
Mes cuml dia sed in lacus ut eniascet etor ingerto aliiqt es sitet amet eismod ictor ut ligulate ameti dapibus ticdu nt mtsent lusto dolor ltisim comme.
</div>
</div>
</li>
<li>
<div>
<figure class="img-polaroid"><img alt="" src="img/page1-img6.jpg"></figure>
<div class="caption">
<a class="lead" href="#">Phasellus a libero ut.</a><br>
<time class="time" datetime="2013-04-24">April 24th, 2013</time>
Mes cuml dia sed in lacus ut eniascet etor ingerto aliiqt es sitet amet eismod ictor ut ligulate ameti dapibus ticdu nt mtsent lusto dolor ltisim comme.
</div>
</div>
</li>
<li>
<div>
<figure class="img-polaroid"><img alt="" src="img/page1-img5.jpg"></figure>
<div class="caption">
<a class="lead" href="#">Quisque et diam ipsu.</a><br>
<time class="time" datetime="2013-04-24">April 24th, 2013</time>
Mes cuml dia sed in lacus ut eniascet etor ingerto aliiqt es sitet amet eismod ictor ut ligulate ameti dapibus ticdu nt mtsent lusto dolor ltisim comme.
</div>
</div>
</li>
<li>
<div>
<figure class="img-polaroid"><img alt="" src="img/page1-img6.jpg"></figure>
<div class="caption">
<a class="lead" href="#">Phasellus a libero ut.</a><br>
<time class="time" datetime="2013-04-24">April 24th, 2013</time>
Mes cuml dia sed in lacus ut eniascet etor ingerto aliiqt es sitet amet eismod ictor ut ligulate ameti dapibus ticdu nt mtsent lusto dolor ltisim comme.
</div>
</div>
</li>
</ul>
<a id="prev" class="prev" href="#"></a>
<a id="next" class="next" href="#"></a>
</div>