PHPcms v9如何修改模板的样式配置(js css img……)使其与v9原有的样式分离
时间:2023-07-27 22:21:01 | 来源:网站运营
时间:2023-07-27 22:21:01 来源:网站运营
PHPcms v9如何修改模板的样式配置(js css img……)使其与v9原有的样式分离:
问题概述
在用phpcms v9进行建站,套用模板的过程当中,通常会遇到这种情况,就是自己的模板还有模板样式
[1]和v9原有的模板样式会混合放在一起,通常情况下他们会放在statics这个文件夹下,如下图所示。
如果自有的模板和v9系统的模板样式放在一起的话,是非常不便于管理的,而且文件名称容易起冲突,比如命名上的冲突,这样一来管理极为不便,找图、css文件等非常不好找。因此,接下来我们要做的就是分离自有模板样式和v9系统样式。
问题:PHPcms v9如何修改模板的样式配置(js css img……)使其与v9原有的样式分离基本知识
想要分离css js等资源文件,那么就需要去修改或自定义资源路径。我们都知道,通常情况下大家在套用模板的时候,都知道样式资源路径的标签都是这样的。
css文件调用
<link href="{CSS_PATH}style.css" rel="stylesheet" type="text/css" />
js文件调用
<script type="text/javascript" src="{JS_PATH}js.js"></script>
img文件调用
<img src="{IMG_PATH}image.jpg" />
举例来说,css文件调用href属性中的{CSS_PATH}其实就是
http://www.xxx.com/statics/css/这个路径。js、img也一样。
开始解决
在了解过上面的基本知识以后,我们就要动手开始分离样式了,首先需要去网站目录下新建一个文件夹,存放自有模板的css、js、img等样式资源。我这里是在statics里新建的。路径:WWW/你网站的文件夹/statics/ms/
创建完成以后,就可以把你自有模板的css、js、img等文件夹放在这个里面了。
准备工作完成以后,接下来我们要开始自定义配置资源路径了。
1、找到system.php文件,路径是:WWW/你网站的文件夹/caches/configs/
找到以后,用编辑器打开它,然后就要开始配置路径了。
'ms_js_path' => 'http://'.$_SERVER['HTTP_HOST'].'/statics/ms/js/'
解释一下:前面的 ms_js_path,这是为路径起的名称,等下要在别的文件里调用这个名称,因此一定要和上面v9原有的命名区别开。
中间 $_SERVER['HTTP_HOST'] 这个是变量,主要作用是实现本地,线上的js、图片、样式路径都可以正常显示。其实这个可以理解为你网站文件夹的名称。
后面 /statics/ms/js/,这个是之前咱们新建的自有模板样式文件夹的路径,这里是js文件路径。
修改完以后,保存!
2、找到base.php文件,路径:WWW/你网站的文件夹/phpcms/
用编辑器打开这个文件,我们要调用刚才配置新增的 路径的名称了。
修改完毕以后,保存。
3、在前端html当中调用。
套模板的时候,写样式资源路径的时候,就可以写刚才在base.php设置的内个名称。这里我们拿JS举例。
这个是base.php里的配置:
这个是线团html当中的调用:
好的,自有模板的样式文件与v9系统的样式文件就这么分离开了!
参考
- ^就是自定义模板页面和模板的样式(通常包含:css、js、img)