dedecms如此受欢迎怎么可以没有模板制作教程呢,我发现很多刚入手dedecms系统的小伙伴不会制作模板,对于一个导航颜色的更改都倍感吃力,于是我决定写一个详细的教程供参考。只要掌握了方法,所有的东西都是顺手拈来!
开始之前需要先安在本地电脑上装好dedecms系统,建议是使用PHPnow作为本地集成环境,在PHPnow集成环境里面使用vhost添加虚拟主机的方式安装dedecms,也可以直接在PHPnow文件夹htdocs里面安装,详细的安装步骤就略过,网上有很多这方面的教程。安装好Dreamweaver软件,不论哪个版本都可以,建议安装最新版的2020版本,太老旧的版本不好用。
使用Dreamweaver创建本地站点
打开安装好的Dreamweaver软件,在导航栏上点“窗口”→工作区布局→选择“标准”模式,不要选择开发人员模式。
Dreamweaver设置
在Dreamweaver的右侧点“站点管理”或点下图箭头所示的下拉中的“站点管理”均可:
站点管理
弹出来的窗口中点“新建站点”:
新建站点
在弹出来的窗口中为当前站点起一个名字,随便输入即可,站点名称用于本地识别多个站点;在本地站点文件夹这一行,要选择你的dedecms安装的根目录,也就是dedecms整个站点文件夹,设置好之后点“保存”即可。
设置站点
然后会回到新建站点的对话框,点完成。
完成站点设置
这是在Dreamweaver的右侧可以看到整个dedecms站点的全部文件夹和文件,下图所示:
dedecms站点
到此本地站点设置就全部完毕了,使用Dreamweaver关联本地站点可以非常方便实时预览效果,下面来创建一个模板。
创建dedecms模板文件
dedecms的模板文件全部放在根目录下的templets文件夹里面,默认的模板文件夹是default文件夹,为了使用自己的模板,我们不修改默认模板文件夹里面的文件,在templets文件夹里面新建一个名为“dqrj”的文件夹,然后进入本地网站后台,在“系统”→系统基本参数→站点设置→模板默认风格,这里把default改为我们新建的文件夹的名称“dqrj”后保存。
设置模板风格
回到Dreamweaver里面,在右侧把鼠标点在“templets”文件夹上按F5键刷新一下,然后展开templets文件夹可以看到我们在PHPnow站点里面新建的文件夹“dqrj”加载出来了。
加载新文件
制作一个首页模板
打开default默认模板文件夹,把里面的footer.htm、head.htm和index.htm这三个文件复制到新建的dqrj这个文件夹里面,在分别新建文件夹js、css和image三文件夹,下图所示:
文件结构