当前位置：首页 > 建站教程 >

Phpcms V9模板制作教程分享

GG网络技术分享 2025-03-18 16:07 0

本教程属于初级教程，高手可以旁听，虽然是初级教程但基础的html语言和css是必须了解的，本教程属于基础篇，以后phpcms吧将会推出晋级篇。

第一节

1、首先下载phpcms v9的集成安装包并安装,在官方论坛里很显眼的位置，这里就不详细说明了。

2、本地调试建议大家使用APMserver，或者wampserver等，可以到PHPCMS吧官方网站首页链接下载。安装好打开v9的根目录“phproot→phpcms→templates”文件夹把“default”文件夹复制一份起名“redu”。

3、登陆v9后台登录地址：http://localhost/admin.php用户名：phpcms 密码：phpcms

4、打开界面→模板风格→风格标识redu下的详细列表下的content文件夹

1、首先修改首页模板index.html修改前向大家介绍下v9的工作模式，v9和他的前身phpcms 2008是一样的都是“标签调用头部首页部分标签调用底部”所以按照从头开始的顺序第一步打开heard.html现在我们开始分析header.html的构造：

上面是W3C网页标准

{CHARSET}" =字符集（gbk或者utf-8）
{if isset($SEO["title"]) </p> </div> <div class="clearfix"> <div class="info-tag fl lh-30"> <strong>标签：</strong> </div> </div> <hr class="tx-hr mb15"> <div class="info-next pd20-2"> <ul class="row"> <li class="col-12 col-m-24 mb15"> 上一篇： <a href="https://www.ggplus.cn/18433.html">CMS网站创建/安装内容模块教程</a> </li> <li class="col-12 col-m-24 ta-r mb15"> 下一篇： <a href="https://www.ggplus.cn/18437.html">云优cms城市分站系统，全自动云优cms建站（附图文教程）</a> </li> </ul> </div> </div> <div class="tx-box mb20 wow fadeInUp" style="visibility: hidden; animation-name: none;"> <h2 class="f-18 pd15-4">为您推荐</h2> <hr class="tx-hr"> <div class="pd15"> <ul class="row ul-36"> <li class="col-12 col-m-24"> <a href="https://www.ggplus.cn/18433.html" title="CMS网站创建/安装内容模块教程"><i class="fa fa-angle-double-right"></i>CMS网站创建/安装内容模块教程</a> </li> <li class="col-12 col-m-24"> <a href="https://www.ggplus.cn/18431.html" title="pbootcms建站，pboot快速建站，批量pboot自动建站（图文教程）"><i class="fa fa-angle-double-right"></i>pbootcms建站，pboot快速建站，批量pboot自动建站（图文教程）</a> </li> <li class="col-12 col-m-24"> <a href="https://www.ggplus.cn/18429.html" title="建站不用愁，手把手教你搭建CMS（内容管理系统"><i class="fa fa-angle-double-right"></i>建站不用愁，手把手教你搭建CMS（内容管理系统</a> </li> <li class="col-12 col-m-24"> <a href="https://www.ggplus.cn/18427.html" title="阿里云上线“企业应用中心”，提供商标注册、企业建站、备案等多种服务"><i class="fa fa-angle-double-right"></i>阿里云上线“企业应用中心”，提供商标注册、企业建站、备案等多种服务</a> </li> <li class="col-12 col-m-24"> <a href="https://www.ggplus.cn/18425.html" title="零成本建立独立站图文教程"><i class="fa fa-angle-double-right"></i>零成本建立独立站图文教程</a> </li> <li class="col-12 col-m-24"> <a href="https://www.ggplus.cn/18437.html" title="云优cms城市分站系统，全自动云优cms建站（附图文教程）"><i class="fa fa-angle-double-right"></i>云优cms城市分站系统，全自动云优cms建站（附图文教程）</a> </li> <li class="col-12 col-m-24"> <a href="https://www.ggplus.cn/18439.html" title="免费开源极致cms，极致cms快速建站，极致cms网站（详见图片）"><i class="fa fa-angle-double-right"></i>免费开源极致cms，极致cms快速建站，极致cms网站（详见图片）</a> </li> <li class="col-12 col-m-24"> <a href="https://www.ggplus.cn/18441.html" title="如何从零开始建立自己的网站？"><i class="fa fa-angle-double-right"></i>如何从零开始建立自己的网站？</a> </li> <li class="col-12 col-m-24"> <a href="https://www.ggplus.cn/18443.html" title="wordpress网站建站流程是怎么样的，有哪些步骤？"><i class="fa fa-angle-double-right"></i>wordpress网站建站流程是怎么样的，有哪些步骤？</a> </li> <li class="col-12 col-m-24"> <a href="https://www.ggplus.cn/18445.html" title="WordPress新手入门教程"><i class="fa fa-angle-double-right"></i>WordPress新手入门教程</a> </li> </ul> </div> </div> </div> </div> </div> </div>  <div class="home-pd form-box"> <div class="wide wow fadeInUp"> <div class="ta-c mb30"> <h2 class="f-30 mb5">提交需求或反馈</h2> <p class="title-auxiliary f-12 f-gray1"><span>Demand feedback</span></p> </div> <form class="layui-form" method="post" action="/guestbook.html"> <input type="hidden" name="return" value="html"> <ul class="form-con row1 wow fadeInUp"> <li class="col-12 col-m-24 mb10 col1-"><input type="text" name="user_name" class="tx-input" placeholder="*请输入名称" required=""></li> <li class="col-12 col-m-24 mb10 col1-"><input type="text" name="contact" class="tx-input" placeholder="* 请输入电话" required=""></li> <li class="col-12 col-m-24 mb10 col1-"><input type="email" name="email" class="tx-input" placeholder="* 请输入邮箱"></li> <li class="col-12 col-m-24 mb10 col1-"><input type="text" name="pro" class="tx-input" placeholder="* 请输入产品名称"></li> <li class="col-24 col-m-24 mb10 col1-"><textarea name="content" type="text" class="tx-textarea" placeholder="* 请输入留言内容"></textarea></li> <li class="col-6 col-m-24 col1- ta-r fr"><input name="sumbit" type="submit" tabindex="6" value="提交" class="tx-btn tx-color2" "></li> </form> </ul> </div> </div> <div class="footer f-13"> <div class="wide"> <dl class="row mb20"> <dd class="col-4 col-m-8 mb15 wow fadeInUp"> <h3 class="f-16 mb10">产品中心</h3> <ul> <li><a href="https://www.ggplus.cn/" title="首页">首页</a></li> </ul> </dd> <dd class="col-4 col-m-8 mb15 wow fadeInUp"> <h3 class="f-16 mb10">H5单页免费源码</h3> <ul> <li><a href="https://www.ggplus.cn/1706.html" title="[亲测]swiper响应式博客网站图文幻灯片">[亲测]swiper响应式博客网站图文幻灯片</a></li> <li><a href="https://www.ggplus.cn/1697.html" title="[亲测]html5 css3 3D动画制作手机界面3D叠加突出动画效果">[亲测]html5 css3 3D动画制作手机界面3D叠加突出动画效果</a></li> <li><a href="https://www.ggplus.cn/1683.html" title="[亲测]紫色的商业合作服务单页模板">[亲测]紫色的商业合作服务单页模板</a></li> <li><a href="https://www.ggplus.cn/1689.html" title="[亲测]响应式的销售库存管理系统ui框架模板">[亲测]响应式的销售库存管理系统ui框架模板</a></li> <li><a href="https://www.ggplus.cn/1634.html" title="[亲测]css3石头剪子布特效">[亲测]css3石头剪子布特效</a></li> </ul> </dd> <dd class="col-4 col-m-8 mb15 wow fadeInUp"> <h3 class="f-16 mb10">免费源码</h3> <ul> <li><a href="https://www.ggplus.cn/34165.html" title="沉沦云全套QQ扫码加速源码">沉沦云全套QQ扫码加速源码</a></li> <li><a href="https://www.ggplus.cn/34191.html" title="网易云音乐打卡听歌300首源码">网易云音乐打卡听歌300首源码</a></li> <li><a href="https://www.ggplus.cn/25765.html" title="自适应简约风格个人主页源码">自适应简约风格个人主页源码</a></li> <li><a href="https://www.ggplus.cn/25771.html" title="千翩唯美动态烟火引导页源码">千翩唯美动态烟火引导页源码</a></li> <li><a href="https://www.ggplus.cn/25777.html" title="一款超简单的短网址生成源码">一款超简单的短网址生成源码</a></li> </ul> </dd> <dd class="col-10 col-m-24 mb15 fr wow fadeInUp"> <h3 class="f-16 mb10">联系我们</h3> <ul> <li>联系人：</li> <li>电话：</li> <li>微信：</li> <li>邮箱：</li> <li>地址：</li> </dd> </dl> </div> <div class="copy ta-c f-12"> <div class="wide"> <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">鲁ICP备2021032846号-8</a> Copyright 2022. <a href="/" title="GG网络技术分享">GG网络GG网络技术分享</a> Rights Reserved. </div> <div>GG资源</div> </div> </div> <div class="fixed-kf"> <ul class="clearfix tx-bg1"> <li class="pchide"><a href="/" title="GG网络技术分享"><i class="fa fa-home"></i>首页</a></li> <li><a href="tel:" class="tx-color"><i class="fa fa-phone"></i>电话</a> <div class="kf-call"><a href="tel:" class="f-white f-20"><i class="fa fa-phone"></i></a></div> </li> <li> <a href="javascript:;" class="tx-color"><i class="fa fa-qq"></i>客服</a> <div class="kf-box"> <h2 class="f-14 f-bold mb10">QQ在线客服</h2> <p class="mb10"> <a target="_blank" title="QQ咨询" href="http://wpa.qq.com/msgrd?v=3&uin=602911396&site=qq&menu=yes" rel="nofollow" class="qq-kf"></i>售前技术支持</a></p> <h2 class="f-14 f-bold mb10">关注微信</h2> <p><img src="https://www.ggplus.cn/static/cn1/"></p> </div> </li> <li><a href="javascript:;" class="gotop tx-color"><i class="fa fa-chevron-up"></i>顶部</a></li> </ul> </div> <div class="pop-box"> <div class="pop-con"> <h2 class="f-18"><span></span></h2> <dl class="pd20"></dl> </div> <a href="javascript:void(0)" class="pop-off"><i class="fa fa-times"></i></a> </div> <div class="mask-box"></div> <script src="https://www.ggplus.cn/static/cn1/js/wow.min.js"></script> <script> if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) { new WOW().init(); }; </script> <script src="https://www.ggplus.cn/static/cn1/js/txcstx.min.js"></script> <script> tx_pop('.search-on', '搜索', '<div class="search-con"><form name="search" method="get" action="/search"><input name="q" size="11" type="text" class="fl" placeholder="输入关键词可以直接搜索"><button class="search-submit" id="btnPost" type="submit"><i class="fa fa-search"></i></button></form></div>' ); </script> <div class="layui-hide"><script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id: "Je1vc88zZDVWzQlM",ck: "Je1vc88zZDVWzQlM"})</script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?79782daaaa581dd9f4591e54eb0061bc"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> </body> </html>