多语言展示
当前在线:1042今日阅读:138今日分享:34

如何用dedecms系统仿制别人的网站

如何用dedecms系统仿制别人的网站,很多网友朋友,尤其是新手朋友都遇到过这样的一个问题,下面以仿制dedecms官方网站为例给大家详细讲解一遍仿制别人网站的具体步骤。
工具/原料
1

安装好的dedecms系统一个

2

phpstorm工具

3

FileZilla Client 网站上传工具

处理dedecms默认模板
1

打开FileZilla Client 网站上传工具连接上网站空间,然后找到默认模板/templets/default/

3

把index.htm,head.htm,footer.htm下载到本地,然后通过phpstorm打开,删除三个文件中的所有内容。

网页仿制,网站首页作为案例
1

打开dedecms官方网站首页,在页面上鼠标右键点一下,在弹出的窗口中选择“查看网页源代码V”,就会出现html页面的源代码,然后复制这些html源代码粘贴到index.htm中。

2

修改模板文件中的编码、标题、关键词、描述等,如下图所示。

3

下载index.htm中用到的js,css以及图片文件(jpg、png、gif等),只要在dedecms官网html源代码中点击对应的js、css,图片等,就可以鼠标右键保存下来了,同时dedecms.css文件中也调用了一个global.css文件,也需要下载下来。

4

在网站目录下新建一个文件夹skin,然后把刚才下载下来的css文件、js文件等都上传到这个文件夹中,css文件就存在skin/css这样一个文件夹中,js就存在skin/js这样一个文件夹中。

5

修改index.htm文件中调用css,js的路径,在路径之前都增加{dede:global.cfg_cmsurl/}/skin 这个代码,如下图。

6

把index.htm上传到网站空间对应的位置,就可以看到初步的效果。

7

下载css中调用的图片,每一个图片都需要下载到对应的文件夹,下载了所有css中调用到的图片,然后上传到网站空间skin中。

8

修改css中图片的调用路径,全部绝对路径都修改成相对路径,相对于css文件的路径,把修改过后的css文件都上传到网站空间对应的地方。

9

分离出head.htm和footer.htm文件,把index.htm中如下图红框中这块内容剪切下来,然后粘帖到head.htm中。

10

把index.htm中如下图红框中这块内容剪切下来,然后粘帖到footer.htm中。

11

把index.htm原来头部和底部的部分,分别替换成{dede:include filename='head.htm'/}和{dede:include filename='footer.htm'/},如下图,同时把index.htm、head.htm和footer.htm上传到网站空间对应位置。

12

首页就复制好了,接下来就是修改首页内容的调用了,由于篇幅的问题,这里就不讲述内容调用了,后续会继续发相应的dedecms模板标签调用文档。其他页面的仿制方法也是一样的,只要重复这样的操作就可以了。

注意事项
1

网页编码必须改成同dedecms系统的编码一致

2

css文件中可能会调用别的css文件,必须也要下载

推荐信息