亚洲青青视频一区|8MAV在线观看|天天看AV天天看|中日成人手机在线|欧美激情五区六区|亚洲婷婷天堂级片|亚洲天堂网7777|欧美日韩其他另类|手机在线成人AV|成人性大片一区二区三区四区五区

284292114@qq.com 中國站
新聞中心 網(wǎng)絡(luò)推廣 網(wǎng)站建設(shè) 優(yōu)化推廣 首頁>新聞中心>優(yōu)化推廣>建網(wǎng)站

PBOOTCMS 模板制作教程(三) - 創(chuàng)建模板文件

時間:2019-08-21   訪問量:0

學(xué)習(xí)程序,一定要多動手,多思考。

由于本系列是模板制作教程,因此不會涉及一些基礎(chǔ)的HTML以及CSS這些知識的詳解,大家需要自行去了解。

在了解PbootCMS的模型概念和擁有一定的基礎(chǔ)知識之后,就可以開始動手制作模板了。


一、創(chuàng)建模板目錄

在template目錄下,新建模板目錄,命名隨意。(例如:new)

001.jpg


二、選擇模板目錄

PbootCMS后臺 -- 基礎(chǔ)內(nèi)容 -- 站點信息 -- 站點模板中選擇剛才新建的new。

002.jpg


清理一下緩存,看一下前端。

003.jpg

發(fā)現(xiàn)錯誤提示,模板文件不存在。那是當(dāng)然的,因為我們只是新建了一個目錄而已,里面什么都沒有。


三、創(chuàng)建模板文件

接下來要做的就是在模板目錄里面創(chuàng)建模板文件了。這里可以寫一個頁面創(chuàng)建一個模板文件,也可以統(tǒng)籌規(guī)劃好有哪些頁面,然后把用到的模板文件都一起創(chuàng)建了。(前期教程只做演示,因此之創(chuàng)建一個index.html。后期如果有時間,可以一邊寫模板一邊更新教程,做一個實例教程。)

004.jpg


刷新一下前端頁面看看。

005.jpg

還是一個錯誤,仔細看一下,原來的“不存在”變成“讀取錯誤”了,那是因為只是建了個文件,文件里面還是空的,什么都沒有。


四、寫個Hello world!

006.jpg


刷新頁面,看看Hello world!吧。

007.jpg


五、建立資源文件夾

比較簡單,在模板目錄下分別建立存放css文件的css目錄,存放js文件的js目錄,存放圖片的img目錄。

當(dāng)然,你也可以把這些文件都直接扔在模板目錄里面,或者放到其他地方,只要能引用過來就可以。如果你忍受得了,或者喜歡這種混亂的方式的話。


接下來,模板的制作就是 HTML+CSS+JS+PbootCMS標簽調(diào)用 的事情了。


服務(wù)咨詢
1對1咨詢,專業(yè)客服為您解疑答惑
聯(lián)系銷售
15899750475
在線咨詢
聯(lián)系在線客服,為您解答所有的疑問
ARE YOU INTERESTED IN ?
感興趣嗎?

有關(guān)我們服務(wù)的更多信息,請聯(lián)系項目經(jīng)理

15899750475 楊先生