“常见问题:ECJia到家:到家H5端如何修改页面主色调”的版本间的差异

来自ECJiaWiki
跳到导航 跳到搜索
(创建页面,内容为“== 什么是主色调 == {|style="width:100%; margin-top:+.7em; border:2px solid #63B8FF; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;"…”)
 
 
第68行: 第68行:
  
  
<h3 style="background-color:#63B8FF; padding:0.5em; margin:0; color:#ffffff; font-size:110%; font-weight:bold; text-indent:0.2em; border-radius:7px;">Step5:测试 </h3>
+
<h3 style="background-color:#63B8FF; padding:0.5em; margin:0; color:#ffffff; font-size:110%; font-weight:bold; text-indent:0.2em; border-radius:7px;">Step5:清除缓存并测试 </h3>
  
 
{|style="width:60%; margin-top:+.7em; border:2px solid #63B8FF; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;"
 
{|style="width:60%; margin-top:+.7em; border:2px solid #63B8FF; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;"

2019年1月9日 (三) 14:48的最新版本

什么是主色调

主色调就是在众多色调中,以一种色调为主的色调。通俗来讲,就是在一个网站中,使用的最多的颜色,可以参考下面的图片。在到家 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