我們的博客後臺已經搭建好了,接下來我就要選擇一個合適的模板做自己的博客,首先要定位你的博客是做什麼用的,是屬於什麼行業,根據自己博客的定位選擇適合的模板。 如果你是設計師,又會前端設計開發,那就可以自己原創設計模板,由於小編設計及前端不太專業,所以這裡就不班門弄斧了,我從網上下載了一個模板,用來講解 ...
我們的博客後臺已經搭建好了,接下來我就要選擇一個合適的模板做自己的博客,首先要定位你的博客是做什麼用的,是屬於什麼行業,根據自己博客的定位選擇適合的模板。
如果你是設計師,又會前端設計開發,那就可以自己原創設計模板,由於小編設計及前端不太專業,所以這裡就不班門弄斧了,我從網上下載了一個模板,用來講解和開發這次的博客。
從網上下載模板的地方很多,這裡也給大家推薦幾個不錯的模板下載網站,我必較常用的幾個網站是,雲碼素材,豬豬源碼,17素材,jqueryfans,jquery222等素材站。從這些網站你可以選擇下載個人博客模板,下麵的圖片是我的博客模板。
一.修改模板描述文件
Thinkcmf系統已經發佈了5.1版本,基於thinkphp5.1最新,最穩定的版本,這次我開發的雲碼博客系統也是基於5.1的最新版本,如何把你下載的的靜態模板添加到後臺呢?
public hemes文件夾下是thinkcmf存放模板的地方,新建一個文件夾,或者你複製預設文件夾重命名就行了。每一個前臺模板根目錄都會有一個manifest.json描述文件,它的結構如下:
{
"name": "simpleboot3",/*模板名,和目錄名一樣*/
"version": "1.0.0",/*模板版本號*/
"demo_url": "http://demo.thinkcmf.com",/*模板演示地址*/
"author": "ThinkCMF",/*模板作者*/
"lang": "zh-cn",/*模板的語言*/
"author_url": "http://www.thinkcmf.com",/*模板作者個人主頁*/
"keywords": "ThinkCMF模板",/*模板關鍵字*/
"description": "ThinkCMF預設模板!"/*模板描述*/
}
二.修改模板文件里的css,js,圖片路徑
修改模板文件里的css,JS,圖片路徑,用__TMPL__/public/assets/css,替換模板里的css路徑即可,其它的JS,images一樣的替換就行了,__TMPL__在thinkcmf里是模板路徑變數名稱,不懂的可以去官網查看手冊。
三.後臺添加模板及啟用模板
3.1後臺模板管理,安裝模板,就能看到你剛纔複製的模板,安裝即可。
3.2 安裝過後,在所有模板里點擊啟用,這樣模板就可以正式啟用了。
清除一下緩存,在瀏覽器里輸入你的本地功能變數名稱,是不是發現你的網站新模板已經可以打開了,到這裡我們這一節也就結束了,下一節我們將學習和開發,後臺添加博客分類,前端博客導航修改成動態調用數據及其它的細節開發。跟著我一步一步把你的博客建立起來。
我們的代碼會共用出來,分享給大家。如果你獲取完整的文字教程,視頻教程,源碼,關註工眾號:雲碼素材,私信我入群,和小伙伴一起學習,一起動手製作,一起探討代碼。
歡迎大家加我微信,xnynews,加入500人微信群,一起學習PHP開發,也歡迎大家關註我的公眾號:雲碼素材