october主題介紹

說明


主題或更換主題是針對(duì)于整個(gè)cms界面的。october主題是完全基于文件的,可以使用任何版本控制系統(tǒng)進(jìn)行管理,例如Git。下面對(duì)主題的基本說明:

對(duì)象 描述
頁(yè)面 pages 表示網(wǎng)站的具體內(nèi)容頁(yè)
部件 partials 包含可重復(fù)使用的HTML標(biāo)記塊
布局 layouts 定義頁(yè)腳手架
內(nèi)容 contents 文本,HTML或Markdown塊,可以引用到頁(yè)面或布局文件。
資源 assets 是資源目錄,如圖像,CSS和JavaScript文件。

主題都有一個(gè)單獨(dú)的目錄,通常有切僅有一個(gè)活躍的主題用于顯示網(wǎng)站。此示例顯示“網(wǎng)站”主題目錄。

themes/
  website/           <=== Theme starts here
    pages/           <=== Pages directory
      home.htm
    layouts/         <=== Layouts directory
      default.htm
    partials/        <=== Partials directory
      sidebar.htm
    content/         <=== Content directory
      intro.htm
    assets/          <=== Assets directory
      css/
        my-styles.css
      js/
      images/

修改主題可修改config/cms.php中的 'activeTheme' => 'demo'配置項(xiàng)。或登錄后臺(tái)
設(shè)置(setting)->內(nèi)容管理(cms)->前端主題( Front-end Theme)相應(yīng)進(jìn)行查找更換、編輯!

子目錄

october cms支持頁(yè)面,部分,布局和內(nèi)容文件的單級(jí)子目錄.資源目錄可以有任何結(jié)構(gòu)。這簡(jiǎn)化了組織大型網(wǎng)站。在下面的示例目錄結(jié)構(gòu)中,您可以看到pages和partials目錄包含blog子目錄,content目錄包含home子目錄。

themes/
  website/
    pages/
      home.htm
      blog/                  <=== Subdirectory
        archive.htm
        category.htm
    partials/
      sidebar.htm
      blog/                  <=== Subdirectory
        category-list.htm
    content/
      footer-contacts.txt
      home/                  <=== Subdirectory
        intro.htm
    

要從子目錄引用部分或內(nèi)容文件,請(qǐng)?jiān)谀0迕Q之前指定子目錄名稱。從子目錄中渲染部分的示例

{% partial "blog/category-list" %}

注意:模板路徑總是絕對(duì)的。如果在一個(gè)部分中,您將從同一個(gè)子目錄中渲染另一個(gè)部分,您仍然需要指定子目錄名稱。

模板結(jié)構(gòu)

url = "/blog"
layout = "default"
==
function onStart()
{
    $this['posts'] = ...;
}
==
<h3>Blog archive</h3>
{% for post in posts %}
    <h4>{{ post.title }}</h4>
    {{ post.content }}
{% endfor %}
配置部分

配置部分設(shè)置模板參數(shù)。支持的配置參數(shù)特定于不同的CMS模板,并在相應(yīng)的文檔文章中進(jìn)行了說明。配置部分使用簡(jiǎn)單的INI格式,其中字符串參數(shù)值用引號(hào)括起來。頁(yè)面模板的示例配置部分:

url = "/blog"
layout = "default"

[component]
parameter = "value

PHP代碼部分


PHP部分中的代碼在渲染模板之前每次執(zhí)行。PHP部分對(duì)于所有CMS模板是可選的,其內(nèi)容取決于定義它的模板類型。PHP代碼部分可以包含可選的打開和關(guān)閉的PHP標(biāo)簽,以便在文本編輯器中啟用語法高亮。應(yīng)該始終在分隔符的另一行上指定打開和關(guān)閉標(biāo)簽==。

url = "/blog"
layout = "default"
==
<?
function onStart()
{
    $this['posts'] = ...;
}
?>
==
<h3>Blog archive</h3>
{% for post in posts %}
    <h4>{{ post.title }}</h4>
    {{ post.content }}
{% endfor %}

在PHP部分,您只能使用PHP use關(guān)鍵字定義函數(shù)并引用命名空間。PHP部分中不允許使用其他PHP代碼。這是因?yàn)镻HP頁(yè)面被解析時(shí)轉(zhuǎn)換為PHP類。使用命名空間引用的示例:

url = "/blog"
layout = "default"
==
<?
use Acme\Blog\Classes\Post;

function onStart()
{
    $this['posts'] = Post::get();
}
?>
==

作為設(shè)置變量的一般方法,您應(yīng)該使用數(shù)組訪問方法$this,雖然為簡(jiǎn)單起見,您可以將對(duì)象訪問用作只讀,例如

// Write via array
$this['foo'] = 'bar';

// Read via array
echo $this['foo'];

// Read-only via object
echo $this->foo;

使用的twig模版引擎,查看twig語法,http://twig.sensiolabs.org/documentation

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,564評(píng)論 19 139
  • Spring Boot 參考指南 介紹 轉(zhuǎn)載自:https://www.gitbook.com/book/qbgb...
    毛宇鵬閱讀 47,273評(píng)論 6 342
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,048評(píng)論 25 709
  • 圓桌派 第一季:第二十一集 缺錢:為什么感覺越來越窮? 《圓桌派》是由著名媒體人、文化名嘴竇文濤攜手優(yōu)酷“看理想”...
    大尉說說閱讀 902評(píng)論 0 0
  • 周二,晴。 昨晚睡得早,今早起的早,精神尚佳,工作心情愉快。 晚上去師大南區(qū)練習(xí)步伐揮拍,看旁邊場(chǎng)上的人打得生龍活...
    蘑菇菌閱讀 257評(píng)論 0 1

友情鏈接更多精彩內(nèi)容