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

相关文章
相关标签/搜索