15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > PHPcms v9如何修改模板的样式配置(js css img……)使其与v9原有的样式分离

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系统的样式文件就这么分离开了!

参考

  1. ^就是自定义模板页面和模板的样式(通常包含:css、js、img)

关键词:样式,分离,修改,模板,配置

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭