12月5日PHPCMS替换主页

cms替换主页的步骤

1.先做好静态页面;

2.在D:wampwwwphpcmsinstall_packagephpcms emplates文件夹下建新的文件夹tianqiwangluo(项目名字),再在tianqiwangluo简历新文件夹content(网站内容)

3.把静态页面的html文件放到D:wampwwwphpcmsinstall_packagephpcms emplates ianqiwangluocontent里面;

   把静态页面的放置CSS的文件夹放到D:wampwwwphpcmsinstall_packagestaticscss文件夹下;

 把静态页面的放置图片的的文件夹放到D:wampwwwphpcmsinstall_packagestaticsimage文件夹下;

   把静态页面的放置js的的文件夹放到D:wampwwwphpcmsinstall_packagestaticsjs文件夹下;

4.打开D:wampwwwphpcmsinstall_packagephpcms emplatesdefaultcontent,这里面放置的是cms模板,观察该文件夹下的html文件;

5.cms模板里面把主页里面的头部和尾部拆分出来了,分别放在了header.html和footer.html里面,因为其它页面中也会用到头部和尾部;

6.把静态页面的名称改为index.html,再新建header.html和footer.html。

7.进入cms模板后台管理,在设置——站点管理——站点风格配制  里面会出现默认模板和新增加的模板。也可以在界面——模板风格里面查看新增加的模板,可以在此处把模板修改为中文名称;

8.在设置——站点管理——SEO配制修改为目标名称,模板风格配制里面修改为新增加的模板,默认风格也选新增加的。其它的不需要修改,点击确定;

9.点击内容里面的模型管理,点击里面的模型管理,依次点击模型名称里面的修改,把可用风格修改成自己的;

10.再点击内容下的管理栏目,点击右侧的修改,选择里面的模板设置,在可用风格里面选择新增加的,点击提交,提交完以后点击更新缓存。然后再点击右上角的更新缓存,再点击生成首页。

11.找到新建的index.html、header.html、footer.html,用dw打开,把头部代码和尾部代码分别放到header.html、footer.html里面。

---------------------------------------------------------------------------------------------------------------------------------------------------------

下面是路径的问题开始修改

打开content文件夹下面的index.html

第一步

将首页拆成三块,打开header 、index、footer文件分解首页,header是导航部分,footer是页脚部分。然后再把header和footer引入index里面

第二步

查找替换/bs就是js的路径

还有图片路径也是差不多的,还有样式路径

第三步

开始替换所有需要替换的东西。

换导航用pc标签

content就是输出内容的,action="category"是栏目的意思这个pc标签是输出栏目的。catid=0栏目的上级是哦是一级标签。num=25调用的个数最多25个,siteid站点代号,order这个是升序排列的意思

loop标记就是循环标记 循环输出,data上面定义的,将上面每一项定义给r ,循环输出菜单,首页路径换成列表名字换成

列表的额a标签跳转换成

第四步

添加栏目   就是添加导航的内容


 轮播


 下面的模块

原文地址:https://www.cnblogs.com/xiaofox0018/p/6134607.html