响应式模板怎么修改或增加CSS

如题,买了一套响应式模板,但不知道怎么改CSS,想增加模块,谢谢!
已邀请:

zed

赞同来自: metcms 980081931@qq.com Cinner

很简单的,首先,我们找到网站根目录/templates/模板编号/min/config.php最下面的
$metcompress->cache = true 

将值改为 false,此为打开调试模式,不启用缓存。
 
接下来,我要修改 res013 模板新闻区块标题的颜色,使用谷歌浏览器F12开发者模式,找到标题的样式文件在哪?按1,2,3顺序找到标题的样式:【.met-index-news ul.blocks-2 li a】位于 metinfo.css 的 第 12178 行
444.png

 
然后通过 sublime text 编辑神器。打开 metinfo.css,找到此样式。
.met-index-news ul.blocks-2 li a {
color: #2a333c;
}
修改为
.met-index-news ul.blocks-2 li a {
color: red;
}
这个时候可以看到标题颜色已经被改过来了

777.png

 
我们还需要去:网站根目录/templates/模板编号/min/config.php,将值改回 true
$metcompress->cache = true 
然后将我们修改的css或者js加一个新的后缀版本,如:时间,保存即刻生效。
if($metdispose->cache){
$metdispose->uiVersion[css]='?2017070101';
$metdispose->uiVersion[js]='?2017070101';
}
个人建议,官方应该出一些响应式模板基础修改教程,便于购买模板后客户能小改一些CSS,关注METINFO至少有五六年了,之前一直觉得这套系统太专业化和技术化,适合有基础的建站者使用,而不适合现在一些创业的8090直接客户使用,不够傻瓜,所以一直没用,而是选择了ECSHOP作为自己公司网站建站首选。
 
大概是去年,在CHINAZ下载频道看到METINFO有更新,且推出了响应式模板,眼前一亮,感觉官方开始转向做傻瓜式建站,而不是专业,技术型的老路,果断下载安装,并买了一套模板测试,由于习惯了ECSHOP模板结构和代码,对响应式模板缺少了解,基本上是空白状态。测试以后发现,CSS文件超大,这点有官方回复,我也觉得不影响速度和SEO的前提下可以接受,但购买的模板,很多CSS样式不适合我的建站要求,我需要对CSS进行适当修改,还有一些基础的模块需要更改,折腾了好久,用DW打开.CSS文件打不开,太大,后转记事本,一个一个搜索修改,勉强OK,但这样的修改跟上天一样难,每次修改如果这样会崩溃。
 
本来想着利用过年这段时间买两三个授权,两三套模板,进行正式建站,但卡在这个模板修改上,无从入手,耽误了好多时间,假期建站计划
由此泡汤……
 
期待官方可以出一些傻瓜式的,具体的基础模板修改步骤或教程,以方便客户购买模板后,可以适当小改,适应建站需求。
 
最后祝大家鸡年大吉,心想事成,财源滚滚! 
 
 
 
 

zxp999

赞同来自: 1799328692@qq.com

谢谢解答,我用的是数码的那套,是不是先改LESS文件,改完,再去除注释?最后不是还要加回注释去的吗??还是不太明白,请教一下,谢谢!
 
懂的大神,可以请教一下详细步骤步骤吗?谢谢!
顶上去,我也是遇到了这样的问题,请大神回复。

zxp999

赞同来自:

如何开始?

配置文件:

首先我们打开 /min/config.php ,这个是资源配置文件,用来决定页面引入哪些 CSS 和 JS 文件,接下来 compress.class.php 会根据配置的文件自动合并,合并的文件会生成到 /cache/ 目录下。

可以看到 /min/config.php 有一大段注释代码,注释部分就是咱们经常要调整的,开始制作模板的时候先去除注释吧。

/min/config.php 底部可以看到合并好的文件路径,这样做能够让上线的时候模板运行更流畅。但是,制作模板的时候,你需要先注释掉它们,否则你修改的样式将不起作用。

$resui['css'] = "{$tmppath}cache/3f2c3d13fc475b68.css";
$resui['js'] = "{$tmppath}cache/e93db8ee8e0df311.js";

配置文件默认加载了一些 CSS 和 JS ,无法更改始终会载入。

zxp999

赞同来自:

上面这段话的意思看不懂,不知道啥意思,大概是不是这样理解:按照那样操作的话,就可以改.less样式文件,改完后,又怎么自动生成呢???
 
求大神解答,不甚感激!
 
关键的一步,如果操作不了,只能放弃METINFO了,一成不变的模板,改动又这么困难,怎么用得好呢?郁闷

zed

赞同来自:

koala?

小璇子

赞同来自:

你用的是哪一套响应式模板?去除注释后,每次都会自动合并新的文件,你的修改就会生效。

zxp999

赞同来自:

可以看到 /min/config.php 有一大段注释代码,注释部分就是咱们经常要调整的,开始制作模板的时候先去除注释吧,这句话的意思,去除那段注释
 
但后面又说:


 

但是,制作模板的时候,你需要先注释掉它们,否则你修改的样式将不起作用。
 


        
          一个去掉注释,一个又要加上,然后又自动合并?怎么运行呢?具体步骤是怎么样的,能请教一下吗?谢谢!

chnseo

赞同来自:

如上面所提到的问题,我用的是“M1156007”模板,修改了好了Metinfo.css可以上传上去就发现还原了。
原因:M1156007/min/config.php这个文件里的定义。如下找到这一行:
原:
//缓存
$metcompress->cache = false;
更改:
$metcompress->cache = true;
然后就可以随便修改Metinfo.css 

675628309@qq.com

赞同来自:

意思是,修改metinfo.css之前,把config.php里的
$metcompress->cache = (true)改为false,
再把最后的
//执行合并
$resui = $metcompress->getUi($paths);

$resui['css'] = "{$tmppath}cache/3f2c3d13fc475b68.css";
$resui['js'] = "{$tmppath}cache/e93db8ee8e0df311.js";
删除(这段复制到笔记本)
修改完metinfo.css并上存后,
把$metcompress->cache =改为true 并粘贴笔记本保留的内容回到config.php最底部,即可完成修改
 

要回复问题请先登录注册