October CMS - 快速入門 3 建立主題

建立主題有兩種方法:
一、在octobermovie/themes目錄中建立以主題名稱爲目錄名的目錄,而後建立主題文件,例如:demo/theme.yaml前端

name: Demo
description: 'Demo OctoberCMS theme. Demonstrates the basic concepts of the front-end theming: layouts, pages, partials, components, content blocks, AJAX framework.'
author: OctoberCMS
homepage: 'http://octobercms.com'
code: ''

二、使用後臺管理工具建立主題,也是今天要講的方法。
如圖,選擇【設置】——【前端主題】——【建立空白主題】bootstrap

clipboard.png

點擊建立空白主題:根據以下所示填寫主題的各個屬性。編輯器

clipboard.png

打開編輯器,能夠看到themes目錄下多出一個主題目錄工具

clipboard.png

下面激活主題:佈局

clipboard.png

刷新前端頁面:是要提示頁面沒有找到。測試

clipboard.png

這是由於主題是依賴於頁面的。若是主題沒有定義任何頁面,則會提示上述信息。spa

clipboard.png

另外咱們要須要一個佈局文件,咱們能夠使用系統demo中默認的佈局文件code

clipboard.png

咱們對佈局文件內容進行適當修改。這裏咱們只是測試頁面因此刪除header、partial。由於咱們須要使用bootstrap和Jquery,因此,須要把demo的資源目錄assets也一塊兒複製到新的主題對應目錄中。component

clipboard.png

clipboard.png

佈局建立好後,刷新頁面仍是會出現上述錯誤,這是由於,咱們沒有建立對應頁面。
點擊【內容管理系統】——【頁面】——【增長】blog

clipboard.png

刷新頁面:

clipboard.png

相關文章
相關標籤/搜索