摘要:主題介紹主題定義了構(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" == function onStart() { $this["posts"] = ...; } ?> ==Blog archive
{% for post in posts %}{{ post.title }}
{{ post.content }} {% endfor %}
在PHP部分,只能定義函數(shù),允許使用use引入名稱空間。但是除了這些不允許其他PHP代碼。
url = "/blog" layout = "default" == use AcmeBlogClassesPost; function onStart() { $this["posts"] = Post::get(); } ?> ==
訪問變量可以使用$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
摘要:最重要的就是找一個(gè)適合自己的主題了。事實(shí)上,免費(fèi)主題也非常多,而且很多的免費(fèi)主題在功能上和界面美觀上已經(jīng)大大超過了付費(fèi)的主題。加上這些主題都是開源的,基本上可以在上找得到源碼,安全性是沒有問題,主題的作者也在不斷更新當(dāng)中。WordPress最重要的就是找一個(gè)適合自己的主題了。好一點(diǎn)的WordPress主題基本上都是要收費(fèi)的,而且價(jià)格還不便宜,這導(dǎo)致了不少的新手朋友們很為難。而有時(shí)我們僅僅根據(jù)...
摘要:主題主題醬茄開源版自媒體資訊博客主題模板醬茄主題由醬茄開發(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)前...
摘要:本專欄介紹如何開發(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去...
摘要:本專欄介紹如何開發(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去...
摘要:本專欄介紹如何開發(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去...
閱讀 2275·2021-11-22 14:56
閱讀 10115·2021-09-08 10:45
閱讀 1986·2019-08-30 13:54
閱讀 2873·2019-08-29 16:54
閱讀 2014·2019-08-29 14:20
閱讀 1781·2019-08-29 12:25
閱讀 1860·2019-08-29 12:17
閱讀 1057·2019-08-23 18:29