PHPcms v9如何修改模板的樣式配置（js css img……）使其與v9原有的樣式分離

時間：2023-07-27 22:21:01 | 來源：網(wǎng)站運營

時間：2023-07-27 22:21:01 來源：網(wǎng)站運營

PHPcms v9如何修改模板的樣式配置（js css img……）使其與v9原有的樣式分離：

問題概述

在用phpcms v9進行建站，套用模板的過程當中，通常會遇到這種情況，就是自己的模板還有模板樣式^[1]和v9原有的模板樣式會混合放在一起，通常情況下他們會放在statics這個文件夾下，如下圖所示。

如果自有的模板和v9系統(tǒng)的模板樣式放在一起的話，是非常不便于管理的，而且文件名稱容易起沖突，比如命名上的沖突，這樣一來管理極為不便，找圖、css文件等非常不好找。因此，接下來我們要做的就是分離自有模板樣式和v9系統(tǒng)樣式。

問題：PHPcms v9如何修改模板的樣式配置（js css img……）使其與v9原有的樣式分離

基本知識

想要分離css js等資源文件，那么就需要去修改或自定義資源路徑。我們都知道，通常情況下大家在套用模板的時候，都知道樣式資源路徑的標簽都是這樣的。

css文件調(diào)用

<link href="{CSS_PATH}style.css" rel="stylesheet" type="text/css" /> js文件調(diào)用

<script type="text/javascript" src="{JS_PATH}js.js"></script>img文件調(diào)用

<img src="{IMG_PATH}image.jpg" />舉例來說，css文件調(diào)用href屬性中的{CSS_PATH}其實就是 http://www.xxx.com/statics/css/這個路徑。js、img也一樣。

開始解決

在了解過上面的基本知識以后，我們就要動手開始分離樣式了，首先需要去網(wǎng)站目錄下新建一個文件夾，存放自有模板的css、js、img等樣式資源。我這里是在statics里新建的。路徑：WWW/你網(wǎng)站的文件夾/statics/ms/

創(chuàng)建完成以后，就可以把你自有模板的css、js、img等文件夾放在這個里面了。

準備工作完成以后，接下來我們要開始自定義配置資源路徑了。

1、找到system.php文件，路徑是：WWW/你網(wǎng)站的文件夾/caches/configs/

找到以后，用編輯器打開它，然后就要開始配置路徑了。

'ms_js_path' => 'http://'.$_SERVER['HTTP_HOST'].'/statics/ms/js/'解釋一下：

前面的 ms_js_path，這是為路徑起的名稱，等下要在別的文件里調(diào)用這個名稱，因此一定要和上面v9原有的命名區(qū)別開。

中間 $_SERVER['HTTP_HOST'] 這個是變量，主要作用是實現(xiàn)本地，線上的js、圖片、樣式路徑都可以正常顯示。其實這個可以理解為你網(wǎng)站文件夾的名稱。

后面 /statics/ms/js/，這個是之前咱們新建的自有模板樣式文件夾的路徑，這里是js文件路徑。

修改完以后，保存！

2、找到base.php文件，路徑：WWW/你網(wǎng)站的文件夾/phpcms/

用編輯器打開這個文件，我們要調(diào)用剛才配置新增的 路徑的名稱了。

修改完畢以后，保存。

3、在前端html當中調(diào)用。

套模板的時候，寫樣式資源路徑的時候，就可以寫剛才在base.php設(shè)置的內(nèi)個名稱。這里我們拿JS舉例。

這個是base.php里的配置：

這個是線團html當中的調(diào)用：

好的，自有模板的樣式文件與v9系統(tǒng)的樣式文件就這么分離開了！

參考

1. ^就是自定義模板頁面和模板的樣式（通常包含：css、js、img）