本文详述如何制作第一个Zblog模板，包括对接头部、底部和导航栏的步骤。对接头部时移除了关键词和描述调用，对接底部创建了底部栏目导航，并在include.php中编写代码实现。导航栏部分也完成了更新。
第一步、对接头部
放入文件后，开始一步步来修改，首先是header头部
原来是：
<meta charset="utf-8">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<script type="text/javascript">
function mobilePcRedirect() {
var sUserAgent= navigator.userAgent.toLowerCase();
var bIsIpad= sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp= sUserAgent.match(/midp/i) == "midp";
var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid= sUserAgent.match(/android/i) == "android";
var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile";
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
window.location.href= 'https://m.boguanhongyuan.com/';
} else {
}
};
mobilePcRedirect();
</script>
<meta name="applicable-device" content="pc,mobile" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>学历提升_成人高考网_成考网上报名系统</title>
<meta name="keywords" content="学历提升,成人高考网,江苏成考网，浙江成考网，上海成考网，学历提升本科，专升本报名，提升学历有几种方式" />
<meta name="description" content="学历提升网上报名入口为广大考生提供江苏、浙江、上海成人高考、自考本科报名时间、成人高考的条件与要求、专升本的几种学历提升的方式、网络教育报名费用 、成人专升本报名流程、函授本科报名等信息。" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="style/css/main.css" />
<script src="style/js/jquery.min.js"></script>
<script src="style/js/jquery.SuperSlide.2.1.1.js"></script>
<script src="style/js/main.js"></script>
对接完成后：
{* Template Name:公共头部 *}
<meta charset="utf-8">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<script type="text/javascript">
function mobilePcRedirect() {
var sUserAgent= navigator.userAgent.toLowerCase();
var bIsIpad= sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp= sUserAgent.match(/midp/i) == "midp";
var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid= sUserAgent.match(/android/i) == "android";
var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile";
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
window.location.href= 'https://m.boguanhongyuan.com/';
} else {
}
};
mobilePcRedirect();
</script>
<meta name="applicable-device" content="pc,mobile" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<meta name="generator" content="{$zblogphp}" />
<meta name="renderer" content="webkit">
<title>{$name}-{$title}</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="{$host}zb_users/theme/{$theme}/style/style.css?v={$version}" />
<script src="{$host}zb_users/theme/{$theme}/script/jquery.min.js?v={$version}"></script>
<script src="{$host}zb_users/theme/{$theme}/script/jquery.SuperSlide.2.1.1.js?v={$version}"></script>
<script src="{$host}zb_users/theme/{$theme}/script/main.js?v={$version}"></script>
这里我们去掉关键词和描述的调用，这个涉及seo插件的问题，或者我们单独对模板做个机制，后面来。
第二步、对接底部
原：
<div class="footer">
<div class="width">
<div class="footer-l">
<div class="footer-t">
<div class="footer-t-l">
<h2>contact US</h2>
<h3>联系我们</h3>
<h4>电话：15283831300 付老师 </br>
电话：183 8203 2600
景经理</h4>
<p>您需要了解：扫码添好友或拨打电话快速联系招生顾问导师立即咨询</p>
</div>
<div class="footer-t-img"><img src="style/img/contact.png"></div>
</div>
<div class="footer-b">
<ul>
<li><a href="/yx/">成人高考</a></li>
<li><a href="/ckzx/">成考资讯</a></li>
<li><a href="/about/9.html">关于我们</a></li>
<li><a href="/about/11.html">免责声明</a></li>
<li><a href="/about/12.html">隐私条款</a></li>
<li><a href="/about/10.html">联系我们</a></li>
<li><a href="/sitemap.html" target="_blank">网站地图</a></li>
</ul>
<p>Copyright 2021 成都博观宏远教育咨询有限公司·网站由<a href="https://www.youyacao.com" >成都市一颗优雅草科技有限公司</a> 提供技术支持,服务器由<a href="https://partners.cloud.tencent.com/invitation/1000009941225fd73659498d2" >腾讯云</a>提供技术支持，防御由于<a href="https://secop.yunaq.com/customer/api/v1/public/biz-opp/0/5a9f449545475e77a85657f6" >知道创宇</a>提供保护，本系统采用zblog系统内核 All Rights Reserved.<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?2f88bcf785ff5fb9cb49bcbc1a23b2f3";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</p>
<p>声明：本站为学历提升成考民间交流网站，最新成人高考动态请各位考生以省教育考试院、各市成考办最新通知为准。</p>
</div>
</div>
<div class="footer-r">
<h2>在线留言</h2>
<form action="#" enctype="multipart/form-data" method="post" onSubmit="return check1()">
<input type="hidden" name="action" value="post" />
<input type="hidden" name="diyid" value="1" />
<input type="hidden" name="do" value="2" />
<input type="hidden" name="type" value="SEO" />
<input type="hidden" name="url" value="" class="url" />
<input type="hidden" name="time" value="" id="time1" />
<input name="name" type="text" placeholder="请填写真实姓名" id="name1" />
<input name="phone" type="text" placeholder="请填写手机号码" id="phone1" />
<select name="dqxl" id="dqxl1">
<option value="">请选择当前学历</option>
<option value="初中">初中</option>
<option value="中专">中专</option>
<option value="高中">高中</option>
<option value="大专">大专</option>
<option value="本科">本科</option>
<option value="其他">其他</option>
</select>
<button type="submit">点击提交</button>
</form>
<script type="text/javascript">
$(function(){
var url = decodeURIComponent(window.location.href);
$(".url").attr("value",url);
});
function check1() {
var name = $("#name1");
var phone = $("#phone1");
var dqxl = $("#dqxl1");
//验证姓名
var nameReg = /[A-Za-z0-9]/;
if(name.val() =="" || nameReg.test(name.val())){
alert("请输入的姓名");
name.focus();
return false;
}
//验证手机号码
var telReg = /^1(3|4|5|6|7|8|9)\d{9}$/;
if(!telReg.test(phone.val())){
alert("请输入正确的电话号码");
phone.focus();
return false;
}
//验证当前学历
if(dqxl.val() ==""){
alert("请选择当前学历");
dqxl.focus();
return false;
}
}
</script>
</div>
</div>
</div>
对接后：
{* Template Name:公共底部 *}
<div class="footer">
<div class="width">
<div class="footer-l">
<div class="footer-t">
<div class="footer-t-l">
<h2>contact US</h2>
<h3>联系我们</h3>
<h4>电话：15283831300 付老师 </br>
电话：183 8203 2600
景经理</h4>
<p>您需要了解：扫码添好友或拨打电话快速联系招生顾问导师立即咨询 </p>
</div>
<div class="footer-t-img"><img src="{$host}zb_users/theme/{$theme}/style/contact.png"></div>
</div>
<div class="footer-b">
{module:youyacaofootnav}
<p>{$copyright} Powered By {$zblogphphtml}
</p>
<p>声明：本站为学历提升成考民间交流网站，最新成人高考动态请各位考生以省教育考试院、各市成考办最新通知为准。</p>
</div>
</div>
<div class="footer-r">
<h2>在线留言</h2>
<form action="#" enctype="multipart/form-data" method="post" onSubmit="return check1()">
<input type="hidden" name="action" value="post" />
<input type="hidden" name="diyid" value="1" />
<input type="hidden" name="do" value="2" />
<input type="hidden" name="type" value="SEO" />
<input type="hidden" name="url" value="" class="url" />
<input type="hidden" name="time" value="" id="time1" />
<input name="name" type="text" placeholder="请填写真实姓名" id="name1" />
<input name="phone" type="text" placeholder="请填写手机号码" id="phone1" />
<select name="dqxl" id="dqxl1">
<option value="">请选择当前学历</option>
<option value="初中">初中</option>
<option value="中专">中专</option>
<option value="高中">高中</option>
<option value="大专">大专</option>
<option value="本科">本科</option>
<option value="其他">其他</option>
</select>
<button type="submit">点击提交</button>
</form>
<script type="text/javascript">
$(function(){
var url = decodeURIComponent(window.location.href);
$(".url").attr("value",url);
});
function check1() {
var name = $("#name1");
var phone = $("#phone1");
var dqxl = $("#dqxl1");
//验证姓名
var nameReg = /[A-Za-z0-9]/;
if(name.val() =="" || nameReg.test(name.val())){
alert("请输入的姓名");
name.focus();
return false;
}
//验证手机号码
var telReg = /^1(3|4|5|6|7|8|9)\d{9}$/;
if(!telReg.test(phone.val())){
alert("请输入正确的电话号码");
phone.focus();
return false;
}
//验证当前学历
if(dqxl.val() ==""){
alert("请选择当前学历");
dqxl.focus();
return false;
}
}
</script>
</div>
</div>
</div>
{$footer}
这里说一下在线提交需求这个部分在有些cms实现是很简单的，但是zblog略微不同这个最后来弄，这个没有订单提交相关功能暂时不做后面来，
其次关于我们，网站地图这部分改成底部栏目导航了，这部分需要在启动主题的时候默认创建此模块：
所以我们得在主题文件夹的include.php 文件里面写上这个：
<?php
function youyacaofootnav_functions()
{
global $zbp;
if(!isset($zbp->modulesbyfilename['youyacaofootnav'])) //检查系统中是否已有该模块，没有则创建
{
$t = new Module();
$t->Name = "底部栏目";
$t->FileName = "youyacaofootnav";
$t->Source = "plugin_demo";
$t->SidebarID = 0;
$t->Content = "";
$t->HtmlID = "youyacaofootnav";
$t->Type = "UL";
$t->Content = ' <li><a href="/about/9.html">关于我们</a></li>
<li><a href="/about/11.html">免责声明</a></li>
<li><a href="/about/12.html">隐私条款</a></li>
<li><a href="/about/10.html">联系我们</a></li>
<li><a href="/sitemap.html" target="_blank">网站地图</a></li>
';
$t->Save();
}
}
youyacaofootnav_functions();
?>
这段的意思就是创建这个模块，所以我们调用就使用
{module:youyacaofootnav}
第三步、对接导航栏
原导航部分：
<div class="header-nav">
<ul>
<li><a href="">网站首页</a></li>
<li><a href="">成考资讯</a></li>
<li><a href="">成考指南</a></li>
<li><a href="" class="hot">院校专业</a></li>
<li><a href="">成考简章</a></li>
<li><a href="">成考政策</a></li>
<li><a href="" class="hot">成考题库</a></li>
</ul>
</div>
对接后：
<div class="header-nav">
<ul>
<li><a href="">网站首页</a></li>
{module:catalog}
</ul>
</div>
扫一扫
978
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
