您现在的位置是:首页 > 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内核开发的网站模板,该模板适用于装修定制网站、装查看源码
  • (PC+WAP)地暖热水器烘干机节能设备网站模板下载为地暖热水器及节能设备企业设计的PbootCMS网站模板,集成产品展示、节能方案介绍、技术参数说明等专业模块。采用PC与移动端同步响应架构查看源码
  • pbootcms响应式蓝色旅游旅行社pbootcms网站源码下载为旅游公司、旅行社定制的响应式网站模板,聚焦旅游线路展示、景点推荐及预约服务场景。采用PbootCMS内核开发,自适应技术确保PC与手机端数据实时同步查看源码
  • (自适应)宽屏农业机械农耕设备类网站pbootcms模板免费下载为农机企业打造的现代化响应式网站模板,自动适配电脑、平板和手机,浏览体验一致,独立页面SEO设置,提升搜索引擎可见度。查看源码
  • (自适应手机端)seo博客网站模板新闻资讯网站源码下载本模板为SEO博客及新闻资讯类平台深度定制,采用PbootCMS内核开发。通过模块化设计实现多行业快速适配,仅需替换图文内容即可转型为医疗、教育、科技等领域网站。响应式布局确保在手机、平板等设备上获得一致浏览体验。查看源码
  • (PC+WAP)压缩机离心风机红色机械设备营销型网站pbootcms模板基于PbootCMS开发的压缩机/离心风机专用模板,助力机械设备企业构建高效营销平台;模板可编辑压缩机参数表、风机性能曲线等专业展示模块查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐