您现在的位置是:首页 > cms教程 > phpcms教程phpcms教程

phpcms替换首页的方法

危眺沃2025-05-02phpcms教程已有人查阅

导读phpcms替换首页的方法:首先做一个静态的企业站主页:html将网页中的JS和CSS文件放入statics文件夹下的相应位置。

phpcms替换首页的方法:
首先做一个静态的企业站主页:html
<meta>
<title></title>
<style>
ul li{
list-style: none;
display: block;
position: relative;
float: left;
width: 100px;
}
ul{
height: 50px;
}
.base{
color: #000000;
}
.col{
color: #0000FF;
}
ul li a{
text-decoration: none;
}
#header{
width: 1200px;
height: 50px;
border: solid 2px #000000;
}
#footer{
width: 1200px;
height: 50px;
border: solid 2px #000000;
}
.list{
position: relative;
width: 500px;
height: 250px;
margin-left: 50px;
border: solid 2px #000000;
margin-top: 10px;
float: left;
}
#content{
width: 1200px;
height: 550px;
}
</style>
<div>
<ul>
<li><a>首页</a></li>
<li><a>新闻</a></li>
<li><a>公告</a></li>
<li><a>关于我们</a></li>
<li><a>加入我们</a></li>
</ul>
</div>
<div>
<div>新闻<span><a>更多</a></span> <p> 发布啊</p>
</div>
<div>公告<span><a>更多</a></span><p>大牛坊三年级</p>
<p><span>立即学习</span>“<a href="https://pan.quark.cn/s/7fc7563c4182" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">PHP免费学习笔记(深入)</a>”;</p>
</div>
<div>关于<span><a>更多</a></span><p>打你叫你</p>
</div>
<div>招聘<span><a>更多</a></span><p>的毛囊烦恼</p>
</div>
</div>
<div>
<ul>
<li><a>友情链接</a></li>
<li><a>链接1</a></li>
<li><a>链接2</a></li>
<li><a>链接3</a></li>
<li><a>链接4</a></li>
</ul>
</div>
运行效果:
将网页中的JS和CSS文件放入statics文件夹下的相应位置。
并将文件地址根据以下格式修改:
替换方式:
{CSS_PATH} 代表CMS定义的CSS存放路径
{JS_PATH} 代表CMS定义的JS存放路径
{IMG_PATH} 代表CMS定义的图片存放路径
一、设置要使用的模板
将phpcms中的默认模板改为自己制作的模板。
在phpcms/install_package/phpcms/templates新建一个英文文件夹
在此文件夹下在创建一个content文件夹
将制作的.html网页文件修改文件名为 index.html 并放入 content文件夹中登录phpcms后台,可以看到界面-》模板风格中会显示新添加的模板设置-》站点管理中选择模板风格,点确定。
更新缓存,生成首页后
此时点击站点首页 会看到模板更改成功:
二、拆分模板
将模板拆为头部代码,内容代码,尾部代码
分别新建为 header.html    footer.html   内容部分依旧保留在index.html中
在index.html 头部加入代码 {template "content","header"} 以用来导入header.html
在index.html 尾部加入代码{template "content","footer"} 以用来导入 footer.html
三、添加栏目
在header.html中
首先给导航栏添加链接:

首页 新闻 公告 关于我们  加入我们
修改为:
{pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"}
首页
{loop $data $r}
{$r[catname]}
{/loop}
​​​​​​​{/pc}
num为大栏目数
如果想要增加导航监听效果则添加代码为:
{if $top_parentid==0}
首页
{else}
首页
{/if}
{pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"}
{if $catid==$r[catid] || $top_parentid==$r[catid]}
{$r[catname]}
{else}
{$r[catname]}
{/if}
{/pc}
显示效果:
添加栏目:
在phpcms后台中,内容-》管理栏目中添加栏目
将需要添加的栏目添加即可,注意模板设置中模板要修改为当前模板。
四、给栏目添加内容
修改index.html的代码
首先给更多添加内部链接:
代码:
<a>更多</a>
中间的数字代表phpcms后台中栏目代号
给div的内容设置动态:
新闻<a>更多</a>
{pc:content action="lists" catid="10" num="1" siteid="$siteid" order="id DESC"}
{loop $data $r $val}
{$val[title]}
{$val[description]}
{/loop}
{/pc}

本文标签:

很赞哦! ()

相关源码

  • (自适应响应式)陶瓷研磨盘抛光机械设备pbootcms网站模板本模板基于PbootCMS系统开发,为研磨抛光设备制造企业设计,特别适合陶瓷研磨盘、抛光设备等表面处理设备展示。采用响应式布局技术,确保各类设备的参数和工艺在不同终端上都能清晰呈现。查看源码
  • (自适应响应式)化妆美容口红唇膏化妆品模板pbootcms源码下载基于PbootCMS开发的响应式模板,为化妆品品牌、美容机构打造,通过优雅的视觉呈现提升产品展示效果与品牌调性。采用时尚杂志排版风格,色卡系统规范产品展示。微交互动画增强用户体验,智能推荐算法提升产品关联展示效果。查看源码
  • (自适应响应式)HTML5中小学早教教育机构类网站pbootcms模板下载基于PbootCMS内核开发的响应式模板,为早教中心、培训学校等教育机构打造,提供从技术架构到视觉呈现的全套网站建设方案。查看源码
  • (自适应)APP应用软件落地页单页推广页网站模板下载基于PbootCMS内核开发的响应式单页模板,为企业产品展示、服务推广等应用场景设计。通过简洁直观的视觉布局与高效的技术架构,帮助用户快速构建专业级落地页面,实现移动端与PC端数据实时同步展示。查看源码
  • 帝国cms7.5个人博客资讯文章模板下载本模板简洁个人博客网站设计开发,采用帝国CMS内核构建,只需替换文字图片即可快速搭建专业网站。自适应手机端设计,数据实时同步,操作简单便捷。PHP程序确保安全稳定运行,帮助您以较低成本获取持续业务。查看源码
  • 自适应营销型IT网络工作室互联网建站公司pbootcms网站模板为IT网络服务商、建站企业打造的高性能营销门户,基于PbootCMS开源内核深度开发采用HTML5自适应架构,实现PC与手机端数据实时同步交互。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐