cms替换主页的步骤

1.先做好静态页面;

2.在D:\wamp\www\phpcms\install_package\phpcms\templates文件夹下建新的文件夹tianqiwangluo(项目名字),再在tianqiwangluo简历新文件夹content(网站内容)

3.把静态页面的html文件放到D:\wamp\www\phpcms\install_package\phpcms\templates\tianqiwangluo\content里面;

把静态页面的放置CSS的文件夹放到D:\wamp\www\phpcms\install_package\statics\css文件夹下;

 把静态页面的放置图片的的文件夹放到D:\wamp\www\phpcms\install_package\statics\image文件夹下;

把静态页面的放置js的的文件夹放到D:\wamp\www\phpcms\install_package\statics\js文件夹下;

4.打开D:\wamp\www\phpcms\install_package\phpcms\templates\default\content,这里面放置的是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标签跳转换成

第四步

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


轮播


下面的模块

12月5日PHPCMS替换主页的更多相关文章

  1. 12月4日PHPCMS模板

    cms的样式有很多种,我们学习的是phpcms,这些cms都是大同小异,学会了一种就可以使用其它的cms. PHPCMS是一款网站管理软件.该软件采用模块化开发,支持多种分类方式,使用它可方便实现个性 ...

  2. 12月8日phpcms添加子栏目后的读取

    一个栏目下面如果没有子栏目,那么它调用的模板就是列表页模板(及list_为前缀的模板):如果一个栏目下面有子栏目,那么它调用的就是栏目首页模板(category_为前缀的模板). 所以,当你这个栏目添 ...

  3. 12月6日PHPCMS取内容发布管理中的来源

    调取内容发布管理中的来源,如果直接写{$val['copyfrom']}调取出来的内容为   内容|0  ,要先根据"|"进行拆分,然后再写. 示例: <!--新闻开始--& ...

  4. MVP社区巡讲 12月5日北京站| 12月12日上海站

    2015年底的社区巡讲Powered MVP Roadshow正式启动啦!12月5日周六下午北京场,12月12日周六下午上海场. 欢迎各位邀请您的同事朋友来参加MVP的社区活动,也邀请您发送活动信息( ...

  5. 18.Vim基础指令(自用)——2019年12月13日

    title: vim study date: "2018-12-26 20:17:16" tags: 指令学习 categories: 技术驿站 vim study 2018年12 ...

  6. 根据随身固态U盘卷标搜索U盘盘符并打开文件的批处理脚本.bat 徐晓亮 595076941@qq.com 2019年12月19日6点50分

    @Echo offRem 根据随身固态U盘卷标搜索U盘盘符并打开文件的批处理脚本.batRem 徐晓亮 595076941@qq.com 2019年12月19日6点50分 Rem 此批处理脚本源代码的 ...

  7. AHKManager.ahk AHK管理器 2019年12月15日

    AHKManager.ahk  AHK管理器  2019年12月15日 快捷键   {Alt} + {F1} ///////////////////////////////////////////// ...

  8. 12月22日《奥威Power-BI财务报表数据填报》腾讯课堂开课啦

    一扇可以通向任何地方的“任意门”,是我们多少人幼时最梦寐以求的道具之一.即使到了现在,工作中的我们还会时不时有“世界那么大,我想去看看”的念头,或者在突然不想工作的时刻,幻想着自己的家门变成了“任意门 ...

  9. 2016年12月31日 星期六 --出埃及记 Exodus 21:26

    2016年12月31日 星期六 --出埃及记 Exodus 21:26 "If a man hits a manservant or maidservant in the eye and d ...

随机推荐

  1. iOS 中的 HotFix 方案总结详解

    相信HotFix大家应该都很熟悉了,今天主要对于最近调研的一些方案做一些总结.iOS中的HotFix方案大致可以分为四种: WaxPatch(Alibaba) Dynamic Framework(Ap ...

  2. ArrayList、Vector、HashMap、HashSet的默认初始容量、加载因子、扩容增量

    当底层实现涉及到扩容时,容器或重新分配一段更大的连续内存(如果是离散分配则不需要重新分配,离散分配都是插入新元素时动态分配内存),要将容器原来的数据全部复制到新的内存上,这无疑使效率大大降低. 加载因 ...

  3. yii2实战教程之新手入门指南-简单博客管理系统

    作者:白狼 出处:http://www.manks.top/document/easy_blog_manage_system.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文 ...

  4. CSS3:linear-gradient,线性渐变的使用方法

    CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡. 以前,你必须使用图像来实现这些效果,现在通过使用 CSS3 的渐变(gradients)即可实现.此外,渐变效果 ...

  5. Java 数组

    数组对于每一门编程语言来说都是重要的数据结构之一,当然不同语言对数组的实现及处理也不尽相同. Java语言中提供的数组是用来存储固定大小的同类型元素. 你可以声明一个数组变量,如numbers[100 ...

  6. Linux操作系统主机名(hostname)简介

    http://www.jb51.net/LINUXjishu/10938.html 摘要:本文是关于Linux操作系统主机名(hostname)的文档,对主要配置文件/etc/hosts进行简要的说明 ...

  7. tftp-nfs开发环境搭建

    嵌入式开发通常使用主机-开发板的开发模式,在裸板开发中,我们通常使用串口调试工具传递文件,比如windows平台的超级终端,SecuCRT以及Linux平台的ckermit(题外话:ckermit比w ...

  8. android 关闭多个或指定activity

    打开了.activityA,B,C,D,...然后到E一起关闭前面所有activity(转自:http://blog.csdn.net/lengguoxing/article/details/4214 ...

  9. [LeetCode] Design Twitter 设计推特

    Design a simplified version of Twitter where users can post tweets, follow/unfollow another user and ...

  10. [LeetCode] Binary Tree Vertical Order Traversal 二叉树的竖直遍历

    Given a binary tree, return the vertical order traversal of its nodes' values. (ie, from top to bott ...