雷火电竞-中国电竞赛事及体育赛事平台

代理加盟

2023全新代理計劃,一站式模板建站,銅牌代理低至699元送終身VIP,獨立代理后臺,自營貼牌。

您現在的位置: 麥站網 > PBoot教程 > 使用教程 >

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

來源:本站原創(chuàng) 發(fā)布時間:2021-10-09 14:56:11熱度:我要評論(0

麥站模板建站平臺(10年經驗),服務數萬家企業(yè),固定透明報價。域名注冊、主機/服務器、網站源碼一站式服務。實體公司,專業(yè)團隊,值得選擇!超過1000套模板已登記版權,合規(guī)合法建站,規(guī)避版權風險!【點擊獲取方案】

學習程序,一定要多動手,多思考。

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

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

 

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

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

001.jpg

 

二、選擇模板目錄

在PbootCMS后臺 -- 基礎內容 -- 站點信息 -- 站點模板中選擇剛才新建的new。

002.jpg

 

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

003.jpg

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

 

三、創(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目錄。

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

 

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

    轉載請注明來源網址:http://www.jygsgssxh.com/pbootcms_sy/3726.html

    發(fā)表評論

    評論列表(條)

       
      QQ在線咨詢
      VIP限時特惠