tft每日頭條

 > 科技

 > cms後台管理怎麼做

cms後台管理怎麼做

科技 更新时间:2024-08-23 20:19:26
  1. 準備網站下載器

網上可以自己百度搜索,我使用的這個工具就是HTTrack Website Copier,通過這個工具完成一個網站的獲取,主要是獲取靜态文件。這裡需要自己去分析這個靜态文件,我們獲取到的頁面主要是需要css、images、js和index.html這個首頁。

經過分析,我們得到的一個首頁index.html和css、images、js等文件夾。

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)1

接下來我們創建一個文件夾,有以下目錄

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)2

編輯main.xml,其中最關鍵的部分就是name中的名字和主題包要一緻。

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)3

然後将我們準備的靜态文件放到這個目錄裡

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)4

接下将我們準備的文件夾壓縮為zip包

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)5

打開我們的管理後台,上傳這個zip包

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)6

上傳後報錯

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)7

因為新版本不再使用main.xml了,所以學習官網視頻的時候要注意更改文件,文件更改為theme.json,内容和main.xml基本一緻說明作者已經更新了版本。

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)8

将之前的目錄更改後,重新壓縮上傳

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)9

重新上傳後成功

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)10

我們将測試主題設置為默認主題,點擊主題設置->啟動就可以了。

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)11

接下來刷新我們的官網首頁就發現主題開發變化了,已經不是這前的模闆了。

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)12

然後我們要找這個頁面裡的一些問題比如資源路徑的問題等等,我們一個個處理。

比如下面這個問題

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)13

代碼這次就去靜态資源的文件夾查看

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)14

我們可以直接編輯這裡面的文件了,我們先編輯index.html

下面的這些路徑我們都需要更改

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)15

夢想家CMS已經給我們提供了一些模闆,我們可以直接使用了

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)16

我們把路徑改為我們自己的路徑,下面資源位置的路徑都可以改,就不一一截圖了。

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)17

至于頁面中沒有圖片的地方,我們查看代碼發現是因為這是後台資源的目錄

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)18

這種就是去官網把它的圖片在頁面是保存下來放到我們的項目中,大可不必這麼做,知道就可以了,我們記下來去更改它的菜單部分。

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)19

上面菜單的部分應該和我們的後台是一緻的,我們後台是叫下面的這個名字。

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)20

找到這個部分,我們更改一下

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)21

我們要閱讀這個代碼,發現是一個li的标簽,找夢想家CMS給提供的标簽,運用到這個地方

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)22

然後我們更改這個部分,我們把官網的例子拿過來更改使用就可以看到裡面的數據了

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)23

看下效果,雖然沒有樣式,但是數據可以出來,樣式是因為我删除的太多了

cms後台管理怎麼做(學習夢想家CMS内容管理系統-模闆的使用)24

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved