常见问题:ECJia到家:到家H5端如何修改页面主色调
跳到导航
跳到搜索
目录
什么是主色调
主色调就是在众多色调中,以一种色调为主的色调。通俗来讲,就是在一个网站中,使用的最多的颜色,可以参考下面的图片。在到家 H5 中,主色调为绿色,十六进制的颜色代码为 #47aa4d 。 |
如何修改
Step1:使用浏览器打开到家 H5 网站
使用浏览器(推荐谷歌浏览器)打开到家 H5端网站,格式为:http://你的域名/sites/m
|
Step2:浏览器打开开发者工具
一般按 F12 就可以打开开发者工具,或者依次点击设置-更多工具-开发者工具打开 |
- 如图所示打开浏览器的开发者工具
- 一些基本设置
Step3:使用审查元素功能查找代码
点击开发者工具中的审查元素按钮查找对应的 css 样式代码 |
- 先点击审查元素按钮,然后选中需要修改颜色的区域,可以看到右侧会有对应的 css 样式文件代码与主色调色值
- 复制下来的 css 文件路径为:
http://daojiainstall/sites/m/content/themes/h5/css/ecjia_city.css
,然后需要修改的色值代码在 443 行(行数在上面图片中的右侧会有注明)。
Step4:服务器端修改代码
- 进入服务器中的到家系统目录下,按照这个路径找到该文件:
sites/m/content/themes/h5/css/ecjia_city.css
- 找到 443 行,修改该区域的颜色,可以在类似网站查找自己喜欢的色值:http://www.atool.org/colorpicker.php
- 修改后的效果
Step5:清除缓存并测试
清除缓存后访问网页进行测试 |
- 进入ECJia的平台后台,点击【控制面板】-【更新缓存】,然后再次访问 H5网站进行查看测试