常见问题:ECJia到家:到家H5端如何修改页面主色调

来自ECJiaWiki
跳到导航 跳到搜索

什么是主色调

主色调就是在众多色调中,以一种色调为主的色调。通俗来讲,就是在一个网站中,使用的最多的颜色,可以参考下面的图片。在到家 H5 中,主色调为绿色,十六进制的颜色代码为 #47aa4d 。

到家H5端如何修改页面主色调01.png

如何修改

Step1:使用浏览器打开到家 H5 网站

使用浏览器(推荐谷歌浏览器)打开到家 H5端网站,格式为:http://你的域名/sites/m


到家H5端如何修改页面主色调04.png


Step2:浏览器打开开发者工具

一般按 F12 就可以打开开发者工具,或者依次点击设置-更多工具-开发者工具打开
  • 如图所示打开浏览器的开发者工具
到家H5端如何修改页面主色调02.png


  • 一些基本设置
到家H5端如何修改页面主色调03.png


Step3:使用审查元素功能查找代码

点击开发者工具中的审查元素按钮查找对应的 css 样式代码
  • 先点击审查元素按钮,然后选中需要修改颜色的区域,可以看到右侧会有对应的 css 样式文件代码与主色调色值
到家H5端如何修改页面主色调05.png



Step4:服务器端修改代码

  • 进入服务器中的到家系统目录下,按照这个路径找到该文件:sites/m/content/themes/h5/css/ecjia_city.css
到家H5端如何修改页面主色调06.png
到家H5端如何修改页面主色调08.png


  • 修改后的效果
到家H5端如何修改页面主色调09.png


Step5:清除缓存并测试

清除缓存后访问网页进行测试
  • 进入ECJia的平台后台,点击【控制面板】-【更新缓存】,然后再次访问 H5网站进行查看测试
ECJia后台如何配置内部跳转链接05.png