成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

OctoberCMS-3-主題

Rocko / 3158人閱讀

摘要:主題介紹主題定義了構(gòu)建的網(wǎng)站或應(yīng)用程序的外觀。主題完全基于文件定義,可以使用任何版本控制軟件管理。主題存儲(chǔ)在項(xiàng)目的目錄的對(duì)應(yīng)子目錄中。各個(gè)部分之間通過進(jìn)行分割開來(lái)。啟用主題日志記錄,可以進(jìn)入設(shè)置日志日志設(shè)置啟用主題更改。

主題

介紹

主題定義了October構(gòu)建的網(wǎng)站或Web應(yīng)用程序的外觀。主題完全基于文件定義,可以使用任何版本控制軟件管理。

主題存儲(chǔ)在項(xiàng)目的themes目錄的對(duì)應(yīng)子目錄中。主要包含以下部分:

名稱 Description
Pages 網(wǎng)站的頁(yè)面
Partials 可以重用的HTML標(biāo)記塊
Layouts 定義頁(yè)面的結(jié)構(gòu)
Content files 可以是文本,HTML代碼和Markdown 代碼塊,主要用于與Page和Layout進(jìn)行分開編輯維護(hù)。
Asset files 資源文件包含圖片、樣式表和JS腳本文件。

主題的目錄結(jié)構(gòu)

每個(gè)主題都有一個(gè)獨(dú)立的目錄,只有激活的主題才會(huì)顯示在網(wǎng)站上?;窘Y(jié)構(gòu)的例子:

themes/
  website/           <=== 主題的目錄
    pages/           <=== Pages(頁(yè)面目錄)
      home.htm
    layouts/         <=== Layouts(布局目錄)
      default.htm
    partials/        <=== Partials(部件目錄)
      sidebar.htm
    content/         <=== Content(內(nèi)容目錄)
      intro.htm
    assets/          <=== Assets (資源目錄)
      css/
        my-styles.css
      js/
      images/

激活主題的方式有后臺(tái)操作和修改配置文件兩種方式,修改config/cms.php文件中的activeTheme的設(shè)置值。或者,采取后臺(tái)設(shè)置,操作步驟為:設(shè)置——內(nèi)容管理——前端主題——選擇一個(gè)主題激活即可。

子目錄

October支持單層子目錄,有Pages、Partials、Layouts、Content和Assets目錄。這樣簡(jiǎn)化了大型網(wǎng)站的目錄結(jié)構(gòu)。

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
    ...

要從子目錄引用Partial文件或者Content文件,格式為:{% 名稱 + 路徑 %},比如:

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

上述表示,引入一個(gè)Partial部件,部件的位置及文件為:Partials/blog/category-list.htm。注意,模板路徑總是絕對(duì)的,在同一個(gè)Partial目錄中,引用同目錄中的另外一個(gè)Partial,也必須寫完整的子目錄名稱。

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

對(duì)于Page、Partial和Layout他們所對(duì)應(yīng)的模板結(jié)構(gòu),都是包含了三個(gè)部分:Configuration,PHP Code,Twig markup。各個(gè)部分之間通過 " == " 進(jìn)行分割開來(lái)。

url = "/blog"
layout = "default"
==
function onStart()
{
    $this["posts"] = ...;
}
==

Blog archive

{% for post in posts %}

{{ post.title }}

{{ post.content }} {% endfor %}

COnfiguration Section 【配置部分】

配置部分用于設(shè)置模板參數(shù),具體參數(shù)與不同的模板相關(guān),因類型而不同。配置部分使用簡(jiǎn)化的" ini "格式,字符串參數(shù)值必須包含在雙引號(hào)中。

url = "/blog"
layout = "default"

[component]
parameter = "value"

PHP Code (PHP代碼部分)

在模板每次渲染之前,PHP代碼部分都是先執(zhí)行。PHP代碼是可選的部分,可以省略。PHP代碼可以使用代碼開始和結(jié)束標(biāo)記"",這個(gè)標(biāo)記僅僅是用于語(yǔ)法高亮。而且標(biāo)記和==不在同一行。

url = "/blog"
layout = "default"
==

==

Blog archive

{% for post in posts %}

{{ post.title }}

{{ post.content }} {% endfor %}

在PHP部分,只能定義函數(shù),允許使用use引入名稱空間。但是除了這些不允許其他PHP代碼。

url = "/blog"
layout = "default"
==

==

訪問變量可以使用$this,通過數(shù)據(jù)方式可以設(shè)置或者讀取變量,使用對(duì)象方式則只能讀取變量的值。

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

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

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

Twig Markup Section(Twig標(biāo)記部分)

Twig是一個(gè)靈活,快速,安全的PHP模板語(yǔ)言。 Twig標(biāo)記部分定義要由模板呈現(xiàn)的內(nèi)容。在這個(gè)部分可以使用October提供的函數(shù)、標(biāo)記或者過濾器。其內(nèi)容取決于模板類型(page、layout、partial)。

主題日志記錄

主題日志記錄是一個(gè)非常有用的功能,默認(rèn)情況下是禁用的。由于布局和頁(yè)面的內(nèi)容存儲(chǔ)在文件中,可能會(huì)發(fā)生丟失內(nèi)容的情況,主題日志記錄可以將這些修改產(chǎn)生的變化都記錄下來(lái)。

啟用主題日志記錄,可以進(jìn)入設(shè)置——日志——日志設(shè)置——啟用主題更改。設(shè)置完成后,保存設(shè)置,刷新頁(yè)面則可以看見在日志——主題日志,點(diǎn)擊可以查看。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/28831.html

相關(guān)文章

  • 收集整理適用博客建站免費(fèi)開源Wordpress主題-簡(jiǎn)約好看的WP主題

    摘要:最重要的就是找一個(gè)適合自己的主題了。事實(shí)上,免費(fèi)主題也非常多,而且很多的免費(fèi)主題在功能上和界面美觀上已經(jīng)大大超過了付費(fèi)的主題。加上這些主題都是開源的,基本上可以在上找得到源碼,安全性是沒有問題,主題的作者也在不斷更新當(dāng)中。WordPress最重要的就是找一個(gè)適合自己的主題了。好一點(diǎn)的WordPress主題基本上都是要收費(fèi)的,而且價(jià)格還不便宜,這導(dǎo)致了不少的新手朋友們很為難。而有時(shí)我們僅僅根據(jù)...

    番茄西紅柿 評(píng)論0 收藏2637
  • wordpress主題 醬茄Free v1.0.0開源版自媒體資訊博客主題模板

    摘要:主題主題醬茄開源版自媒體資訊博客主題模板醬茄主題由醬茄開發(fā)的一款免費(fèi)開源的主題,主題專為博客資訊自媒體網(wǎng)站而設(shè)計(jì),遵循開源協(xié)議發(fā)布。wordpress主題 醬茄Free v1.0.0開源版自媒體資訊博客主題模板醬茄free主題由醬茄開發(fā)的一款免費(fèi)開源的WordPress主題,主題專為WordPress博客、資訊、自媒體網(wǎng)站而設(shè)計(jì),遵循GPL V2.0開源協(xié)議發(fā)布。運(yùn)行環(huán)境醬茄Free主題當(dāng)前...

    番茄西紅柿 評(píng)論0 收藏2637
  • WordPress 主題開發(fā):從入門到精通(必讀)

    摘要:本專欄介紹如何開發(fā)設(shè)計(jì)你自己的主題。你也許想為自己開發(fā)主題,或者制作公開發(fā)行的的主題。主題的剖析主題目錄位于。請(qǐng)避免使用數(shù)字名字,這會(huì)導(dǎo)致無(wú)法在主題列表中正常顯示出來(lái)??焖俸?jiǎn)單的入門到了解這一方便簡(jiǎn)潔的開源系統(tǒng)中。 本專欄介紹如何開發(fā)設(shè)計(jì)你自己的 WordPress 主題。如果你希望了解更多如何安裝和應(yīng)用主題的內(nèi)容,請(qǐng)參閱應(yīng)用主題文檔。本文的內(nèi)容不同于應(yīng)用主題,因?yàn)樗懻摰氖蔷帉懘a去...

    luzhuqun 評(píng)論0 收藏0
  • WordPress 主題開發(fā):從入門到精通(必讀)

    摘要:本專欄介紹如何開發(fā)設(shè)計(jì)你自己的主題。你也許想為自己開發(fā)主題,或者制作公開發(fā)行的的主題。主題的剖析主題目錄位于。請(qǐng)避免使用數(shù)字名字,這會(huì)導(dǎo)致無(wú)法在主題列表中正常顯示出來(lái)??焖俸?jiǎn)單的入門到了解這一方便簡(jiǎn)潔的開源系統(tǒng)中。 本專欄介紹如何開發(fā)設(shè)計(jì)你自己的 WordPress 主題。如果你希望了解更多如何安裝和應(yīng)用主題的內(nèi)容,請(qǐng)參閱應(yīng)用主題文檔。本文的內(nèi)容不同于應(yīng)用主題,因?yàn)樗懻摰氖蔷帉懘a去...

    zhaot 評(píng)論0 收藏0
  • WordPress 主題開發(fā):從入門到精通(必讀)

    摘要:本專欄介紹如何開發(fā)設(shè)計(jì)你自己的主題。你也許想為自己開發(fā)主題,或者制作公開發(fā)行的的主題。主題的剖析主題目錄位于。請(qǐng)避免使用數(shù)字名字,這會(huì)導(dǎo)致無(wú)法在主題列表中正常顯示出來(lái)。快速簡(jiǎn)單的入門到了解這一方便簡(jiǎn)潔的開源系統(tǒng)中。 本專欄介紹如何開發(fā)設(shè)計(jì)你自己的 WordPress 主題。如果你希望了解更多如何安裝和應(yīng)用主題的內(nèi)容,請(qǐng)參閱應(yīng)用主題文檔。本文的內(nèi)容不同于應(yīng)用主題,因?yàn)樗懻摰氖蔷帉懘a去...

    TwIStOy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<