您现在的位置是:首页 > 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等多终端体验一致,助力企业高效构建专业在线服务平台。查看源码
  • (自适应)酒店民宿客房旅馆pbootcms模板下载基于PbootCMS内核开发的酒店民宿行业专用网站模板,专注于为住宿服务企业提供专业高效的在线展示平台。该模板采用响应式设计结构,确保在不同终端设备上均能呈现优质浏览体验。查看源码
  • 工商注册财务代理记账类自适应pbootcms网站工商注册、财务代理记账企业打造的数字化门户模板,基于PbootCMS内核深度开发。采用前沿响应式架构,无缝适配手机端触控交互与PC端展示需求查看源码
  • 自适应恒温恒湿机空调机械设备营销型网站模板(自适应手机版)响应式营销型恒温恒湿机环境设备类网站pbootcms模板 蓝色营销型空调设备网站源码下载PbootCMS内核开发的网站模板,该模板适用于营查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐