DEDE的首页的CSS样式在哪里修改？

html-css05

DEDE的首页的CSS样式在哪里修改？,第1张

Dedecms 的首页样式文件一般在配套的模板文件里，默认模板的css样式在skin目录下css文件夹里的style.css文件里，其他模板css样式都是自定义的，需要具体分析。

一、dedecms 默认模板样式。

1、默认模板样式位置是固定的，直接用Vscode编辑器打开模板文件目录，定位到“default”文件夹下，就可以看见style文件夹，里面都是默认模板的样式。

2、一般首页的样式都在“dedecms.css”文件里，打开修改即可。

二、查看自定义模板css样式。

自定义模板的css样式比较灵活，开发者可能会把样式文件放在任何一个目录下，此时就需要自己去分析模板。

1、打开dedecms的目录，打开自定义模板文件夹。

2、接着打开首页模板文件“index.htm”，可以看到，“<link>”标签里的 css文件路径，一般就是模板套用的css样式，只要打开它就可以修改了。

3、按下“crtl”键，此时编辑器页面会出现“按住Crtl并单击可访问连接的提示”。

4、此时按住“crtl”鼠标左键单击link标签下的路径，Vscode就会自动定位到该文件的目录并打开改文件。

最后就可以修改样式了。

根据dedecms站点底部使用调试工具的结果，底部footer的css的样式是由dedecms.css这个文件控制的，如下图：

所以，根据文件名字，在页面顶部代码找到了以下link语句：

故而可以确定该css文件位于/templets/default/style/中。

1、输入自己的账号及密码，登陆网站后台。

2、把事先准备好的模板通过FTP上传到/templets里面，与默认的default同在一起。

3、在网站后台，点击系统-系统基本参数，这个时候可发看到在下面有一项“模板默认风格”把默认的“default”改成你的模板文件夹名字，保存好。

4、点击生成-更新首页，这里可以看到上面有“选择主页模板”后面依然是“default”这时要把这改成“模板文件夹名字”，点击更新。

5、此时首页是正常的了，但是栏目，内容页面还是以前的样子，那是因为没有更新，这里要更新栏目、内容页面，更新缓存。

6、这个时候后台生成一下首页点击浏览，已经网站显示正常，栏目、内容也正常，如果还是原来的样子，此时强制更新一下页面或按F5，即可。