網上可以自己百度搜索,我使用的這個工具就是HTTrack Website Copier,通過這個工具完成一個網站的獲取,主要是獲取靜态文件。這裡需要自己去分析這個靜态文件,我們獲取到的頁面主要是需要css、images、js和index.html這個首頁。
經過分析,我們得到的一個首頁index.html和css、images、js等文件夾。
接下來我們創建一個文件夾,有以下目錄
編輯main.xml,其中最關鍵的部分就是name中的名字和主題包要一緻。
然後将我們準備的靜态文件放到這個目錄裡
接下将我們準備的文件夾壓縮為zip包
打開我們的管理後台,上傳這個zip包
上傳後報錯
因為新版本不再使用main.xml了,所以學習官網視頻的時候要注意更改文件,文件更改為theme.json,内容和main.xml基本一緻說明作者已經更新了版本。
将之前的目錄更改後,重新壓縮上傳
重新上傳後成功
我們将測試主題設置為默認主題,點擊主題設置->啟動就可以了。
接下來刷新我們的官網首頁就發現主題開發變化了,已經不是這前的模闆了。
然後我們要找這個頁面裡的一些問題比如資源路徑的問題等等,我們一個個處理。
比如下面這個問題
代碼這次就去靜态資源的文件夾查看
我們可以直接編輯這裡面的文件了,我們先編輯index.html
下面的這些路徑我們都需要更改
夢想家CMS已經給我們提供了一些模闆,我們可以直接使用了
我們把路徑改為我們自己的路徑,下面資源位置的路徑都可以改,就不一一截圖了。
至于頁面中沒有圖片的地方,我們查看代碼發現是因為這是後台資源的目錄
這種就是去官網把它的圖片在頁面是保存下來放到我們的項目中,大可不必這麼做,知道就可以了,我們記下來去更改它的菜單部分。
上面菜單的部分應該和我們的後台是一緻的,我們後台是叫下面的這個名字。
找到這個部分,我們更改一下
我們要閱讀這個代碼,發現是一個li的标簽,找夢想家CMS給提供的标簽,運用到這個地方
然後我們更改這個部分,我們把官網的例子拿過來更改使用就可以看到裡面的數據了
看下效果,雖然沒有樣式,但是數據可以出來,樣式是因為我删除的太多了
,
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!