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

html-css03

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就会自动定位到该文件的目录并打开改文件。

最后就可以修改样式了。

{dede:arclist row='8' titlelen='30' orderby='rand' typeid='1'}

<div[field:global function=MagicVar("style1","style2","style3","style4")/]><a href='[field:arcurl/]'>[field:title/]</a></div>

{/dede:arclist}

——————

试试看

一些检查方法:

重新更新生成全站(类似于更新缓存,生成新的HTML),清除浏览器缓存再打开网站看是否正常。

如果更新后没变化,检查模板中CSS路径和图片路径是否准确。

模板没问题的话,检查数据库中(或者文件夹中)是否有你要的图片。

另外的问题:图片过大,带宽较小,导致图片不能及时加载完成。

打开网站页面之后,用浏览器的查看源码功能看看CSS是否正确加载,再看文章和图片的加载状态。一般全站更新(记得清除浏览器缓存)之后就会正常,但这样也是没成功,那要么是模板标签有问题,要么是数据库的问题,模板标签出问题的几率大一些,建议先检查模板,最后再检查数据库。长路漫漫,慢慢摸索吧。