wordpress新建页面模板？
想要打造一个与众不同的WordPress网站？自定义页面模板是你的不二之选！它赋予你无限的自由，让你按照自己的创意定制页面设计。那么，如何创建WordPress页面模板呢？让我带你一步一步揭秘！
1.如何从头开始创建页面模板？
在你的主题目录下创建一个新的文本文件，并将其命名为template-name.php，其中template-name可以替换为你希望的模板名称。然后，将以下代码粘贴到文件中：
php
TemplateName:TemplateName
get_header();?>
别忘了添加注释，说明模板的名称。
2.如何自定义页面标题和meta信息？
在和之间，添加代码自定义页面标题和meta信息：
php
自定义页面/title>
<metaname>
<p>3.如何在页面模板中添加内容？</p>
<p>发挥你的想象力，在处添加任何你想要在页面上显示的内容，例如：</p>
<p>文本：使用<h1>、等HTML标签设置标题和副</p>
<p>图片：使用<img>标签添加图片，确保指定alt属性提供图片描述。</p>
<p>视频：使用<iframe>标签嵌入视频。</p>
<p>使用<table>、<tr>和<td>标签创建</p>
<p>4.如何在WordPress后台选择页面模板？</p>
<p>创建好页面模板后，不要忘记在WordPress后台选择它。新建一个页面，在“页面属性”侧边栏中找到“模板”选项，然后选择你刚才创建的模板。</p>
<p>5.如何复制现有页面模板？</p>
<p>想要节省时间和精力？你可以复制现有的页面模板，然后根据需要进行修改。在你的主题目录中，找到要复制的页面模板文件，例如page.php。复制这个文件，并将其粘贴到同一目录中，重命名为新的模板名称。例如，你可以将其命名为my-new-template.php。</p>
<p>提示：</p>
<p>使用注释：在页面模板中添加清晰的注释，说明不同部分的作用。</p>
<p>测试你的模板：在发布自定义页面模板之前，请在测试环境中进行测试，以确保它按预期工作。</p>
<p>与你的主题保持兼容：确保你的自定义页面模板与你使用的WordPress主题兼容。</p>
<p>创建自定义页面模板时，你遇到了哪些挑战？分享你的秘诀，与其他读者交换经验！</p> <br>
<p><span style="color:#999;">上一篇：<a href="/gndh/23321.html">搭建企业网站费用， 几十块能行吗</a> </span></p>
<p><span style="color:#999;">下一篇：<a href="/gndh/23327.html">企业官网怎么弄，才能吸引更多客户</a> </span></p>
</div>
</div>
</div>
</div>
<div class="section04">
<div class="layout">
<div class="index-title wow fadeInUp" data-wow-delay="0.0s"> <span>资讯</span> 观察行业视觉，用专业的角度，讲出你们的心声。 </div>
<div class="index-news">
<div class="owl-carousel" id="owl-demo2"> <div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25639.html" title="网站设计制作公司费用多少？不同类型价格详">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">网站设计制作公司费用多少？不同类型价格详</h3>
<div class="h3"> 最近不是琢磨着给自家小店弄个网站嘛就四处打听，找几家网站设计制作公司。这一圈下来，水还真挺深的，今儿个就跟大家伙儿分享分...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25635.html" title="想建立自己的网站平台？几步搞定你的专属网">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">想建立自己的网站平台？几步搞定你的专属网</h3>
<div class="h3"> 建立自己的网站平台？听起来挺酷的！其实没那么难，比想象中easy多了！我之前也觉得建网站像登天一样，结果自己捣鼓捣鼓，还...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25634.html" title="从零开始搭建个人网站：怎么开一个自己的网">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">从零开始搭建个人网站：怎么开一个自己的网</h3>
<div class="h3"> 怎么开一个自己的网站？说起来好像很复杂，其实没那么难！就像搭积木一样，一步一步来，很快就能看到成果啦！我可是个“建站小白...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25631.html" title="公司建设一个网站，才能脱颖而出">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">公司建设一个网站，才能脱颖而出</h3>
<div class="h3"> 哎呦喂，这标题一看就知道是老司机写的，一看就是想让我帮他们“脱颖而出”啊！不过话说回来，现在这个时代，没有个网站，真的跟...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25627.html" title="建立公司企业网站，如何才能吸引更多客户">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">建立公司企业网站，如何才能吸引更多客户</h3>
<div class="h3"> 建网站？别慌，让老司机带你飞！哎呦喂，兄弟们，又来问怎么建网站吸引客户？你们这些小年轻啊，真是“不识庐山真面目，只缘身在...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25625.html" title="公司门户网站建设，怎样才能吸引更多客户">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">公司门户网站建设，怎样才能吸引更多客户</h3>
<div class="h3"> 哎呦喂，这个问题问得好！老铁们，咱们公司网站就像是一个虚拟的“店面”，想要吸引更多客户，那可得好好打扮打扮，别让人家瞧不...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25620.html" title="手机h5网页模板，快速制作手机网页的秘诀">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">手机h5网页模板，快速制作手机网页的秘诀</h3>
<div class="h3"> 手机h5网页模板：快速制作手机网页的妙招大放送各位看官们好，又到了小编出马，为广大苦于制作手机网页的盆友们支招啦！说到手...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25618.html" title="黄岩网站制作公司，哪家公司最专业">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">黄岩网站制作公司，哪家公司最专业</h3>
<div class="h3"> 黄岩网站制作公司，哪家最专业？我可得好好说道说道！哎呦喂，黄岩的老板们，你们是不是最近都在为公司网站发愁呢？想要做个网站...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25616.html" title="公司网站设计要求，怎么才能让用户一目了然">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">公司网站设计要求，怎么才能让用户一目了然</h3>
<div class="h3"> 嘿，兄弟姐妹们！你们知道吗？我最近在帮朋友做公司网站，简直是脑洞大开，各种奇思妙想啊！他那公司网站啊，就好像一个老古董，...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25612.html" title="mongodb数据文件恢复， 怎么才能">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">mongodb数据文件恢复， 怎么才能</h3>
<div class="h3"> MongoDB数据文件恢复：别慌，找回丢失的数据so easy！兄弟姐妹们， 今天咱们来聊聊一个严肃的话题——Mongo...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25608.html" title="企业官网定制制作哪家强？这几个方面要看清">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">企业官网定制制作哪家强？这几个方面要看清</h3>
<div class="h3"> 最近接个大活儿，给一家挺有名的企业做官网，还是定制的！心里那个激动，毕竟能给这种级别的公司做东西，说明咱的水平也上来嘛今...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25605.html" title="单位网站设计，怎样才能让网站既美观又实用">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">单位网站设计，怎样才能让网站既美观又实用</h3>
<div class="h3"> 单位网站设计？既美观又实用？来，听我细说！哎呦喂，单位网站设计，既要美观又要实用？这可真是个大难题！说白了，就是既要让人...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25604.html" title="公司如何制作网站，网站建设有哪些步骤">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">公司如何制作网站，网站建设有哪些步骤</h3>
<div class="h3"> 哎呦喂，各位老板老总们，你们公司网站还没搞定？这可不行啊！现在谁还没个网站？ 就像你出门没穿衣服一样，多尴尬啊！别急，...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25599.html" title="bootstrap官网模板，但不知道如何">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">bootstrap官网模板，但不知道如何</h3>
<div class="h3"> </div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25596.html" title="怎么创建网站？快速建站方法及技巧，帮你节">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">怎么创建网站？快速建站方法及技巧，帮你节</h3>
<div class="h3"> 怎么创建网站？哎呀，听起来好像很复杂是不是？其实没那么难啦！就像搭积木一样，一步一步来，保证你也能轻松搞定！咱得想清楚，...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25593.html" title="wuwubox创建自己喜欢的盒子：打造你">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">wuwubox创建自己喜欢的盒子：打造你</h3>
<div class="h3"> 哎，近迷上了一个叫wuwubox的东西，说白了就是个能自己DIY的“盒子”。可不是那种装快递的纸盒子啊，这玩意儿可神奇了...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25591.html" title="公司网页模版，多样模板满足个性化需求">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">公司网页模版，多样模板满足个性化需求</h3>
<div class="h3"> 公司网页模板大搜罗，满足你的个性化需求随着互联网的飞速发展，企业网站已经成为一个企业形象展示和业务拓展不可或缺的窗口。如...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25587.html" title="东莞网站模板，模板网站和定制网站各有啥优">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">东莞网站模板，模板网站和定制网站各有啥优</h3>
<div class="h3"> 东莞网站模板、模板网站和定制网站各有啥优势？01.模板网站：省钱省时，但他真的省事吗？关于模板网站模板网站，顾名思义就是...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25585.html" title="网页设网页设计公司， 哪家能打动你的心">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">网页设网页设计公司， 哪家能打动你的心</h3>
<div class="h3"> 网页设计公司，哪家能打动我的心？哎呦喂，各位看官，今儿个咱们聊点儿实在的——网页设计公司！这年头，谁还没个网站呢？无论是...</div>
<span class="more">Load More</span> </div>
</a> </div>
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="/gndh/25582.html" title="ldf恢复数据，怎么才能找回丢失的数据">
<div class="tmain"> <span class="time">2025-04-01</span>
<h3 class="title overflowtxt">ldf恢复数据，怎么才能找回丢失的数据</h3>
<div class="h3"> 哎呦喂，老铁们！你们是不是也遇到过数据丢失的尴尬？辛辛苦苦攒了一堆数据，结果说没就没了，那感觉，简直比吃了一口过期泡面还...</div>
<span class="more">Load More</span> </div>
</a> </div>
</div>
<a class="indexmore" href="/gndh/">MORE</a> </div>
</div>
</div>
<div class="gf-demand">
<div class="layout">
<h2 class="h2">I NEED TO BUILD WEBSITE</h2>
<h3 class="h3">我需要建站</h3>
<form method="POST" action="/index.php?m=home&c=Lists&a=gbook_submit&lang=cn" enctype="multipart/form-data" onsubmit="return submit8588fa8841732ec03dc395da97b0f841(this);" >
<div class="write">
<input class="text1" type="text" id="attr_4" name="attr_4" placeholder="称呼姓名" value="">
<input class="text2" type="text" id="attr_5" name="attr_5" placeholder="联系电话" value="">
<input class="text3" type="text" id="attr_6" name="attr_6" placeholder="描述您的需求，如网站、微信、电商、APP等。" value="">
<input class="submit" type="submit" value="获取方案及报价">
</div>
<input type="hidden" name="gourl" id="gourl_8588fa8841732ec03dc395da97b0f841" value="http%3A%2F%2Fwww.pinjiedb.com" /><input type="hidden" name="typeid" value="1" /><input type="hidden" name="__token__8588fa8841732ec03dc395da97b0f841" id="8588fa8841732ec03dc395da97b0f841" value="" /><input type="hidden" name="form_type" value="1" /><script type="text/javascript">
function submit8588fa8841732ec03dc395da97b0f841(elements)
{
if (document.getElementById('gourl_8588fa8841732ec03dc395da97b0f841')) {
document.getElementById('gourl_8588fa8841732ec03dc395da97b0f841').value = encodeURIComponent(window.location.href);
}
var x = elements;
for (var i=0;i<x.length;i++) {
if(x[i].name == 'attr_4' && x[i].value.length == 0){
alert('称呼姓名不能为空！');
return false;
}
if(x[i].name == 'attr_5' && x[i].value.length == 0){
alert('联系电话不能为空！');
return false;
}
}
elements.submit();
}
function ey_fleshVerify_1743492801(id)
{
var token = id.replace(/verify_/g, '__token__');
var src = "/index.php?m=api&c=Ajax&a=vertify&type=guestbook&lang=cn&token="+token;
src += "&r="+ Math.floor(Math.random()*100);
document.getElementById(id).src = src;
}
function f945cdc2dc6d1ac5e57abb84c256aedf9()
{
var ajax = new XMLHttpRequest();
ajax.open("post", "/index.php?m=api&c=Ajax&a=get_token", true);
ajax.setRequestHeader("X-Requested-With","XMLHttpRequest");
ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
ajax.send("name=__token__8588fa8841732ec03dc395da97b0f841");
ajax.onreadystatechange = function () {
if (ajax.readyState==4 && ajax.status==200) {
document.getElementById("8588fa8841732ec03dc395da97b0f841").value = ajax.responseText;
document.getElementById("gourl_8588fa8841732ec03dc395da97b0f841").value = encodeURIComponent(window.location.href);
}
}
}
f945cdc2dc6d1ac5e57abb84c256aedf9();
function getNext1598839807(id,name,level) {
var input = document.getElementById('attr_'+name);
var first = document.getElementById('first_id_'+name);
var second = document.getElementById('second_id_'+name);
var third = document.getElementById('third_id_'+name);
var findex ='', fvalue = '',sindex = '',svalue = '',tindex = '',tvalue = '',value='';
if (level == 1){
if (second) {
second.style.display = 'none';
second.innerHTML = '';
}
if (third) {
third.style.display = 'none';
third.innerHTML = '';
}
findex = first.selectedIndex;
fvalue = first.options[findex].value;
input.value = fvalue;
value = fvalue;
} else if (level == 2){
if (third) {
third.style.display = 'none';
third.innerHTML = '';
}
findex = first.selectedIndex;
fvalue = first.options[findex].value;
sindex = second.selectedIndex;
svalue = second.options[sindex].value;
if (svalue) {
input.value = fvalue+','+svalue;
value = svalue;
}else{
input.value = fvalue;
}
} else if (level == 3){
findex = first.selectedIndex;
fvalue = first.options[findex].value;
sindex = second.selectedIndex;
svalue = second.options[sindex].value;
tindex = third.selectedIndex;
tvalue = third.options[tindex].value;
if (tvalue) {
input.value = fvalue+','+svalue+','+tvalue;
value = tvalue;
}else{
input.value = fvalue+','+svalue;
}
}
if (value) {
if(document.getElementById(id))
{
document.getElementById(id).options.add(new Option('请选择',''));
var ajax = new XMLHttpRequest();
ajax.open("post", "/index.php?m=api&c=Ajax&a=get_region", true);
ajax.setRequestHeader("X-Requested-With","XMLHttpRequest");
ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
ajax.send("pid="+value);
ajax.onreadystatechange = function () {
if (ajax.readyState==4 && ajax.status==200) {
var data = JSON.parse(ajax.responseText).data;
if (data) {
data.forEach(function(item) {
document.getElementById(id).options.add(new Option(item.name,item.id));
document.getElementById(id).style.display = "block";
});
}
}
}
}
}
}
</script> </form>
<i class="italic">*请认真填写需求信息，我们会在24小时内与您取得联系。</i> </div>
</div>
</div>
</section>
<div id="foot">
<footer>
<div class="footer">
<div class="layout">
<div class="foottou">
<div class="ftlogo"><img src="/uploads/allimg/20230804/1-230P40U920351.png"/></div>
<div class="ftcont"> <i class="i"><a href="/outu/">关于</a></i> <i class="i"><a href="/pwni/">案例</a></i> <i class="i"><a href="/tlzz/">服务</a></i> <i class="i"><a href="/rguh/">新闻</a></i> <i class="i"><a href="/qivd/">联系</a></i> <h2></h2>
<p>地址：沈阳市铁西区铁西广场第一商城A座12楼</p>
<p><a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">辽ICP备17007067号-3</a></p>
<p>Copyright © 2002-2023 沈阳玖柒捌网站建设公司 版权所有<a href="http://www.eyoucms.com/plus/powerby.php" target="_blank"> Powered by EyouCms</a> <a href="http://www.pinjiedb.com/sitemap.xml" target="_blank">XML地图</a> </p>
<p>友情链接： <a href="https://www.jsfwxs.com" target="_blank" >太阳能路灯</a> <a href="http://www.hagd555.cn/" target="_blank" >淮安寻人公司</a> <a href="https://www.caldie.net.cn" target="_blank" >caldie模具钢</a> <a href="https://www.aoyouwl.com" target="_blank" >竞价托管多少钱</a> <a href="https://www.junniaokeji.com" target="_blank" >微博认证</a> <a href="http://www.0580zhaoren.cn" target="_blank" >舟山找人</a> <a href="http://www.wsjz.net" target="_blank" >石家庄网站建设</a> <a href="http://www.sxzhaoren.cn" target="_blank" >绍兴侦探找人</a> <a href="http://www.98dpm.com" target="_blank" >酒吧霸屏</a> <a href="http://www.0417ykztgs.com/" target="_blank" >轻食沙拉网</a> <a href="http://www.zz-house.com/" target="_blank" >连云港侦探找人</a> <a href="https://www.seepok.com" target="_blank" >思博课堂</a> <a href="http://www.yzdcc99.cn/" target="_blank" >扬州侦探调查</a> <a href="http://www.kmkj99.com" target="_blank" >济南做网站公司</a> <a href="http://doupin.com" target="_blank" >固定资产管理系统</a> <a href="http://www.sxzhaoren.cn" target="_blank" >绍兴侦探公司</a> <a href="http://www.rigaogroup.com" target="_blank" >日高整形</a> <a href="https://www.jiekuwang.com" target="_blank" >街库网</a> <a href="http://www.5ujf.cn" target="_blank" >无忧减肥</a> <a href="http://www.hongfeijituan.com" target="_blank" >路灯网</a> <a href="http://www.ddjtpx.com" target="_blank" >化妆技巧</a> <a href="https://www.tiepayun.com" target="_blank" >铁耙云</a> <a href="http://www.syydgc888.com/" target="_blank" >移动公厕出租</a> <a href="http://www.htgl2.com" target="_blank" >北凉悍刀行手游</a> <a href="http://www.lianda1718.com" target="_blank" >笔式位移传感器</a> <a href="http://www.ipinte.com" target="_blank" >北京网站建设公司</a> <a href="https://www.4000730138.com" target="_blank" >企业网站托管</a> <a href="https://www.imuyi.com" target="_blank" >牧易网</a> <a href="http://www.heisemu.com.cn" target="_blank" >黑色母</a> <a href="https://www.bjstos.com" target="_blank" >软件测评中心</a> <a href="http://wscar.cn" target="_blank" >二手车交易</a> <a href="https://www.jiang-hu.com.cn" target="_blank" >RFID仓库管理系统</a> <a href="http://www.jshgfm.com" target="_blank" >公司起名网</a> <a href="https://www.tianyantea.com" target="_blank" >甜颜可茶</a> <a href="http://www.0376seo.net/" target="_blank" >天津网站优化</a> <a href="http://www.whsijiazhentan8.com/" target="_blank" >武汉私家调查</a> <a href="https://www.12lady.com" target="_blank" >女性网</a> <a href="https://www.tgsem.com" target="_blank" >SEM托管</a> <a href="http://www.sus630.net" target="_blank" >sus630</a> <a href="https://www.nanmeiw.com" target="_blank" >喃美植发网</a> <a href="http://www.yxipx.com" target="_blank" >防水测试设备</a> <a href="http://www.dspsem.com" target="_blank" >广州抖音代运营公司</a> <a href="http://www.fugeseo.com" target="_blank" >SEO博客</a> <a href="http://www.58lecaihui.com" target="_blank" >注册公司</a> <a href="https://www.youranweb.com" target="_blank" >抖音企业号认证</a> <a href="https://www.mima8.cn" target="_blank" >Excel密码破解</a> <a href="http://www.npzhaoren.cn" target="_blank" >南平找人公司</a> <a href="http://suqian.cn-ccjs.com" target="_blank" >宿迁找人公司</a> </p>
</div>
<div class="foot-ewm">
<ul class="clearfix">
<li> <img src="/uploads/allimg/20220707/1-220FG532444L.jpg"/>
<p>扫一扫，微信咨询</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<div class="kefu">
<ul>
<li> <a class="weixin" href="javascript:;">微信</a>
<div class="div-ewm">
<ul class="clearfix">
<li> <img src="/uploads/allimg/20220707/1-220FG532444L.jpg"/>
<p>添加微信</p>
</li>
</ul>
</div>
</li>
<li> <a class="qq" href="https://wpa.qq.com/msgrd?v=3&uin=888888&site=qq&menu=yes" target="_blank">QQ</a> </li>
<li> <a class="shouhou" href="tel:024-25347890" target="_blank">024-25347890</a>
<div class="div-item"><span class="h2">024-25347890</span></div>
</li>
<li> <a class="call" href="javascript:;">手机</a>
<div class="div-item"><span class="h2">15502411770</span></div>
</li>
<li class="backtop"> <a class="back" href="javascript:;">返回顶部</a>
<div class="div-item"><span class="h2">TOP</span></div>
</li>
</ul>
</div>
</div>
<!-- 应用插件标签 start -->
<!-- 应用插件标签 end --> </div>
<script type="text/javascript">
$(document).ready(function () {
$("#owl-demo1").owlCarousel({
items: 1,
lazyLoad: true,
navigation: true, //打开上一个，下一个按钮
pagination: false, //打开页码
autoPlay: true
});
$("#owl-demo2").owlCarousel({
items: 4,
lazyLoad: true,
navigation: true, //打开上一个，下一个按钮
pagination: false, //打开页码
autoPlay: true
});
});
</script>
</body>
</html> 
