<li id="u9fd8"><object id="u9fd8"><u id="u9fd8"></u></object></li>

  • <em id="u9fd8"><tr id="u9fd8"></tr></em>
    1. 全部 71 系統使用 30 環境部署 5 建站工具 6 視頻教程 15 開發日志 15

      模板制作教程(三) - 創建模板文件

      作者:緹墨網絡    時間:2018-10-29   訪問量:6399

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

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

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


      一、創建模板目錄

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

      001.jpg


      二、選擇模板目錄

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

      002.jpg


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

      003.jpg

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


      三、創建模板文件

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

      004.jpg


      刷新一下前端頁面看看。

      005.jpg

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


      四、寫個Hello world!

      006.jpg


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

      007.jpg


      五、建立資源文件夾

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

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


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


      文章來源:https://www.timoo.net/content/72.html

      上一篇:一個列表中調取多個欄目的的內容

      下一篇:模板制作教程(四) - 靈活熟練地使用模板標簽

      返回頂部
      国产精品VA在线观看入口,91福利国产在线观看,,亚洲国产日韩欧美一区二区三区,国产精品无码一二区不卡免费